/* ============================================
   SANALIA — Design Tokens
   Source of truth: Figma file lEg0coWuifM9JLhc1UTPzt
   ============================================ */

:root {

  /* --- Colors: Primary Purple Scale --- */
  --color-primary-900: #0E052A;
  --color-primary-800: #34285A;
  --color-primary-600: #635DDD;
  --color-primary-500: #7671D5;
  --color-primary-400: #8781F3;
  --color-primary-200: #CECCFC;
  --color-primary-100: #E9E8FF;

  /* --- Colors: Accent --- */
  --color-accent-500: #F66C24;
  --color-accent-100: #FFE5CF;

  /* --- Colors: Backgrounds --- */
  --color-bg: #F6F5F0;
  --color-bg-sand: #F1ECDF;
  --color-bg-offwhite: #FFFDF8;
  --color-surface: #FFFFFF;
  --color-gray-light: #E5E5E5;

  /* --- Colors: Pastels (Categories) --- */
  --color-pastel-blue: #B0D5F5;
  --color-pastel-blue-light: #E6F3FF;
  --color-pastel-lavender: #EFDFF6;
  --color-pastel-lavender-light: #FBF2FF;
  --color-pastel-rose: #FFD4CF;
  --color-pastel-rose-light: #FFECE9;
  --color-pastel-peach: #FFD4A7;
  --color-pastel-peach-light: #FFF3E7;
  --color-pastel-gold: #F4E9C1;
  --color-pastel-gold-light: #FFFAE7;
  --color-pastel-mint: #ABE0D1;
  --color-pastel-mint-light: #E1F7F1;
  --color-pastel-green: #C8EBB3;
  --color-pastel-green-light: #EAF9E0;

  /* --- Colors: Text --- */
  --color-text: #0E052A;
  --color-text-muted: #666666;
  --color-text-light: #999999;

  /* --- Typography --- */
  --font-primary: 'Uxum', sans-serif;
  --font-system: 'Space Mono', monospace;

  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --font-weight-light: 300;

  --text-h1: 48px;
  --text-h2: 32px;
  --text-h3: 24px;
  --text-body: 16px;
  --text-body-lg: 18px;
  --text-btn: 16px;
  --text-small: 13px;
  --text-tag: 11px;

  --leading-tight: 1.3;
  --leading-normal: 1.6;

  /* --- Spacing --- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* --- Border Radius --- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 100px;

  /* --- Logo --- */
  --logo-text-color: #0E052A;
  --logo-leaf-color: #635DDD;
}