/* Raviorate Landing Design Tokens */

:root {
  /* Colors — Backgrounds */
  --color-background-primary: #FFFFFF;
  --color-background-secondary: #F5F4F0;
  --color-background-tertiary: #EEECE5;
  --color-background-info: #E8EFF7;
  --color-background-success: #DCE8D6;
  --color-background-warning: #F3E7D0;
  --color-background-danger: #F5DEDC;

  /* Colors — Text */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #5F5E5A;
  --color-text-tertiary: #888780;
  --color-text-info: #1D5FAD;
  --color-text-success: #3B6D11;
  --color-text-warning: #856822;
  --color-text-danger: #A32D2D;

  /* Colors — Borders */
  --color-border-primary: #1A1A1A;
  --color-border-secondary: #B4B2A9;
  --color-border-tertiary: #DDD5C3;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 1px 3px rgba(0,0,0,0.08);

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Menlo', monospace;

  /* Radius */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Demand heatmap */
  --demand-lvl-0: #F5F1E8;
  --demand-lvl-1: #EAF3DE;
  --demand-lvl-2: #C0DD97;
  --demand-lvl-3: #97C459;
  --demand-lvl-4: #639922;
  --demand-lvl-5: #3B6D11;
}