/* ============================================================
   Lexora — Design tokens
   Mirrors the "Lexora Tokens" variable collection in Figma
   (file DAv7vNlmLJn4gZLjJF9uyg · page 01 · Design System)
   ============================================================ */

:root {
  /* ---- brand ---- */
  --ink:            #060f24;
  --navy-900:       #0a1730;
  --navy-800:       #0f2247;
  --navy-700:       #16336b;
  --navy-950:       #07142b;   /* footer ground */
  --navy-hero:      #0b1b3a;   /* hero / dark band ground */

  --blue-700:       #1438c7;
  --blue-600:       #1d4ed8;
  --blue-500:       #3b6bf5;
  --blue-400:       #4f7dff;
  --blue-300:       #8faeff;
  --blue-200:       #c9d8ff;
  --blue-100:       #dde7ff;
  --blue-50:        #eff4ff;
  --blue-tint:      #e8eeff;

  --orange-700:     #c74a05;
  --orange-600:     #e85a0c;
  --orange-500:     #ff6b1a;
  --orange-400:     #ff8a3d;
  --orange-350:     #ff9a4d;
  --orange-200:     #ffc79e;
  --orange-100:     #ffe7d6;
  --orange-50:      #fff1e8;

  --teal-500:       #0ea5a5;
  --teal-300:       #4fd1c5;
  --teal-50:        #e4f7f5;
  --violet-500:     #7c3aed;
  --violet-300:     #a78bfa;

  /* ---- neutral ---- */
  --white:          #ffffff;
  --surface:        #f5f8fe;
  --surface-alt:    #eaf0fc;
  --surface-soft:   #f5f8ff;
  --surface-faint:  #fbfcff;
  --border:         #dde5f3;
  --border-2:       #e3e9f5;
  --border-dark:    #22335c;
  --border-dark-2:  #1b2c4e;

  /* ---- text ---- */
  --heading:        #0a1730;
  --heading-2:      #0f1b33;
  --body:           #3c4c6b;
  --muted:          #6c7c99;
  --faint:          #9aa8c4;
  --on-dark:        #ffffff;
  --on-dark-muted:  #a8bbdc;
  --on-dark-faint:  #8fa2c8;
  --on-dark-dim:    #6d80a8;

  /* ---- semantic ---- */
  --success:        #10b981;
  --success-300:    #4ade80;
  --success-100:    #86efac;
  --warn-bg:        #fff8ec;
  --warn-border:    #f5dfc0;
  --warn-text:      #8a5a12;
  --warn-strong:    #b45309;
  --danger:         #dc2626;
  --whatsapp:       #25d366;

  /* ---- radius ---- */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-pill: 999px;
  --r-10:   10px;
  --r-11:   11px;
  --r-12:   12px;
  --r-13:   13px;
  --r-16:   16px;
  --r-18:   18px;
  --r-22:   22px;

  /* ---- spacing ---- */
  --s1:  4px;   --s2:  8px;   --s3: 12px;  --s4: 16px;
  --s5: 24px;   --s6: 32px;   --s7: 48px;  --s8: 64px;
  --s9: 96px;   --s10: 120px;

  /* ---- type ---- */
  --indic: "Noto Sans Devanagari", "Noto Sans Tamil", "Noto Sans Bengali", "Noto Sans Telugu";
  --font-display: "Plus Jakarta Sans", "Noto Sans Devanagari", "Noto Sans Tamil", "Noto Sans Bengali", "Noto Sans Telugu", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-text:    "Inter", "Noto Sans Devanagari", "Noto Sans Tamil", "Noto Sans Bengali", "Noto Sans Telugu", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  /* display scale — matches the Figma type scale */
  --t-d1: 58px;  --t-d2: 46px;  --t-d3: 42px;  --t-h1: 34px;
  --t-h2: 26px;  --t-h3: 22px;  --t-h4: 20px;  --t-h5: 19px;
  --t-lg: 17px;  --t-md: 15px;  --t-sm: 13.5px; --t-xs: 12px;
  --t-2xs: 11px; --t-3xs: 10px;

  /* ---- elevation ---- */
  --e1: 0 1px 2px rgba(10, 23, 48, .05);
  --e2: 0 4px 14px rgba(10, 23, 48, .07);
  --e3: 0 10px 28px rgba(15, 27, 51, .16);
  --e4: 0 18px 48px rgba(10, 23, 48, .18);
  --e-blue: 0 10px 26px rgba(29, 78, 216, .40);
  --e-green: 0 8px 22px rgba(37, 211, 102, .35);

  /* ---- layout ---- */
  --frame: 1440px;
  --content: 1200px;
  --gutter: 120px;
  --nav-h: 71px;
  --util-h: 42px;

  /* ---- motion (page 04 · motion spec) ---- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 260ms;
  --dur-4: 420ms;

  /* ---- gradients ---- */
  --grad-saarthi: linear-gradient(135deg, #1d4ed8 0%, #ff6b1a 100%);
  --grad-blue:    linear-gradient(135deg, #1d4ed8 0%, #4f7dff 100%);
  --grad-orange:  linear-gradient(135deg, #ff6b1a 0%, #ff9a4d 100%);
  --grad-teal:    linear-gradient(135deg, #0ea5a5 0%, #4fd1c5 100%);
  --grad-violet:  linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
}