/* ============================================================
   LEXICON DESIGN TOKENS — Light Mode
   Auto-generated from Light_tokens.json (Figma Variables)
   ============================================================ */

:root {

  /* ----------------------------------------------------------
     COLOR — Primary
  ---------------------------------------------------------- */
  --color-primary-d2: #004AD7;
  --color-primary-d1: #0053F0;
  --color-primary:    #0B5FFF;
  --color-primary-l0: #5791FF;
  --color-primary-l1: #80ACFF;
  --color-primary-l2: #B3CDFF;
  --color-primary-l3: #F0F5FF;

  /* ----------------------------------------------------------
     COLOR — Secondary
  ---------------------------------------------------------- */
  --color-secondary:    #6B6C7E;
  --color-secondary-l0: #9393A4;
  --color-secondary-l1: #A7A9BC;
  --color-secondary-l2: #CDCED9;
  --color-secondary-l3: #E7E7ED;

  /* ----------------------------------------------------------
     COLOR — Dark
  ---------------------------------------------------------- */
  --color-dark-d2: #111116;
  --color-dark-d1: #1C1C24;
  --color-dark:    #272833;
  --color-dark-l1: #30313F;
  --color-dark-l2: #393A4A;

  /* ----------------------------------------------------------
     COLOR — Light
  ---------------------------------------------------------- */
  --color-light-d2: #D3D6E0;
  --color-light-d1: #E2E4EA;
  --color-light:    #F1F2F5;
  --color-light-l1: #F7F8F9;
  --color-white:    #FFFFFF;

  /* ----------------------------------------------------------
     COLOR — Success
  ---------------------------------------------------------- */
  --color-success-d2: #1C5629;
  --color-success-d1: #226A33;
  --color-success:    #287D3C;
  --color-success-l1: #5ACA75;
  --color-success-l2: #EDF9F0;

  /* ----------------------------------------------------------
     COLOR — Info
  ---------------------------------------------------------- */
  --color-info-d2: #234584;
  --color-info-d1: #294F98;
  --color-info:    #2E5AAC;
  --color-info-l1: #89A7E0;
  --color-info-l2: #EEF2FA;

  /* ----------------------------------------------------------
     COLOR — Warning
  ---------------------------------------------------------- */
  --color-warning-d2: #863A00;
  --color-warning-d1: #9F4500;
  --color-warning:    #B95000;
  --color-warning-l1: #FF8F39;
  --color-warning-l2: #FFF4EC;

  /* ----------------------------------------------------------
     COLOR — Danger
  ---------------------------------------------------------- */
  --color-danger-d2: #AB1010;
  --color-danger-d1: #C31212;
  --color-danger:    #DA1414;
  --color-danger-l1: #F48989;
  --color-danger-l2: #FEEFEF;

  /* ----------------------------------------------------------
     COLOR — Charts (full d4–l5 scales)
  ---------------------------------------------------------- */
  --color-chart-blue-d4: #004799;
  --color-chart-blue-d3: #0053B3;
  --color-chart-blue-d2: #005FCC;
  --color-chart-blue-d1: #006BE6;
  --color-chart-blue:    #006EFF;
  --color-chart-blue-l1: #338FFF;
  --color-chart-blue-l2: #66ABFF;
  --color-chart-blue-l3: #97C5FF;
  --color-chart-blue-l4: #CCE3FF;
  --color-chart-blue-l5: #E5F1FF;

  --color-chart-orange-d4: #662700;
  --color-chart-orange-d3: #803100;
  --color-chart-orange-d2: #993B00;
  --color-chart-orange-d1: #B34400;
  --color-chart-orange:    #CC4E00;
  --color-chart-orange-l1: #FF6200;
  --color-chart-orange-l2: #FF8133;
  --color-chart-orange-l3: #FFA166;
  --color-chart-orange-l4: #FFC099;
  --color-chart-orange-l5: #FFF0E5;

  --color-chart-red-d4: #800000;
  --color-chart-red-d3: #990000;
  --color-chart-red-d2: #B30000;
  --color-chart-red-d1: #CC0000;
  --color-chart-red:    #E50000;
  --color-chart-red-l1: #FF4D4D;
  --color-chart-red-l2: #FF6666;
  --color-chart-red-l3: #FF8080;
  --color-chart-red-l4: #FF9999;
  --color-chart-red-l5: #FFE5E5;

  --color-chart-teal-d4: #092A25;
  --color-chart-teal-d3: #0D3F37;
  --color-chart-teal-d2: #125449;
  --color-chart-teal-d1: #16695B;
  --color-chart-teal:    #1B7E6E;
  --color-chart-teal-l1: #24A892;
  --color-chart-teal-l2: #42D7BE;
  --color-chart-teal-l3: #6CE0CC;
  --color-chart-teal-l4: #96E9DB;
  --color-chart-teal-l5: #EAFBF8;

  --color-chart-pink-d4: #800048;
  --color-chart-pink-d3: #990057;
  --color-chart-pink-d2: #B30065;
  --color-chart-pink-d1: #CC0074;
  --color-chart-pink:    #E50082;
  --color-chart-pink-l1: #FF4DB2;
  --color-chart-pink-l2: #FF80C8;
  --color-chart-pink-l3: #FF99D3;
  --color-chart-pink-l4: #FFB2DE;
  --color-chart-pink-l5: #FFE5F4;

  --color-chart-green-d4: #162D06;
  --color-chart-green-d3: #22430A;
  --color-chart-green-d2: #2E590D;
  --color-chart-green-d1: #397010;
  --color-chart-green:    #458613;
  --color-chart-green-l1: #53A117;
  --color-chart-green-l2: #67C91D;
  --color-chart-green-l3: #81E236;
  --color-chart-green-l4: #9DE963;
  --color-chart-green-l5: #F1FCE9;

  --color-chart-purple-d4: #7700CC;
  --color-chart-purple-d3: #8600E6;
  --color-chart-purple-d2: #9500FF;
  --color-chart-purple-d1: #9F1AFF;
  --color-chart-purple:    #AA33FF;
  --color-chart-purple-l1: #BF66FF;
  --color-chart-purple-l2: #CA80FF;
  --color-chart-purple-l3: #D499FF;
  --color-chart-purple-l4: #DFB3FF;
  --color-chart-purple-l5: #F2E5FF;

  --color-chart-yellow-d4: #997000;
  --color-chart-yellow-d3: #B38900;
  --color-chart-yellow-d2: #CC9600;
  --color-chart-yellow-d1: #E6A800;
  --color-chart-yellow:    #FFBB00;
  --color-chart-yellow-l1: #FFC933;
  --color-chart-yellow-l2: #FFD666;
  --color-chart-yellow-l3: #FFE499;
  --color-chart-yellow-l4: #FFF1CC;
  --color-chart-yellow-l5: #FFF8E5;

  --color-chart-cyan-d4: #00334D;
  --color-chart-cyan-d3: #004466;
  --color-chart-cyan-d2: #005580;
  --color-chart-cyan-d1: #006699;
  --color-chart-cyan:    #0077B3;
  --color-chart-cyan-l1: #0099E6;
  --color-chart-cyan-l2: #33BBFF;
  --color-chart-cyan-l3: #66CCFF;
  --color-chart-cyan-l4: #99DDFF;
  --color-chart-cyan-l5: #E5F6FF;

  --color-chart-indigo-d4: #0017E5;
  --color-chart-indigo-d3: #001AFF;
  --color-chart-indigo-d2: #1A30FF;
  --color-chart-indigo-d1: #3347FF;
  --color-chart-indigo:    #4D5FFF;
  --color-chart-indigo-l1: #808CFF;
  --color-chart-indigo-l2: #99A3FF;
  --color-chart-indigo-l3: #B2BAFF;
  --color-chart-indigo-l4: #CCD1FF;
  --color-chart-indigo-l5: #E5E8FF;

  /* ----------------------------------------------------------
     SPACING
  ---------------------------------------------------------- */
  --spacing-1:    2px;
  --spacing-2:    4px;
  --spacing-3:    8px;
  --spacing-4:    12px;
  --spacing-5:    16px;
  --spacing-6:    20px;
  --spacing-7:    24px;
  --spacing-8:    32px;
  --spacing-9:    40px;
  --spacing-10:   48px;
  --spacing-11:   56px;
  --spacing-12:   64px;
  --spacing-13:   72px;
  --spacing-14:   96px;
  --spacing-15:  120px;

  /* ----------------------------------------------------------
     BORDER RADIUS
  ---------------------------------------------------------- */
  --rounded-sm:    2px;
  --rounded-md:    4px;
  --rounded-lg:    8px;
  --rounded-full:  9999px;

  /* ----------------------------------------------------------
     OPACITY
  ---------------------------------------------------------- */
  --opacity-0:   1;      /* 100% */
  --opacity-1:   0.40;   /* 40%  */
  --opacity-2:   0.08;   /* 8%   */
  --opacity-3:   0.06;   /* 6%   */
  --opacity-4:   0.04;   /* 4%   */

  /* ----------------------------------------------------------
     CONTAINERS
  ---------------------------------------------------------- */
  --container-sm:    540px;
  --container-md:    720px;
  --container-lg:    960px;
  --container-xl:   1248px;
  --container-xxl:  1392px;
  --container-xxxl: 1872px;

  /* ----------------------------------------------------------
     TYPOGRAPHY — Lexicon defaults
  ---------------------------------------------------------- */
  --font-family-base:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-xs:      10px;
  --font-size-sm:      12px;
  --font-size-base:    14px;
  --font-size-md:      16px;
  --font-size-lg:      18px;
  --font-size-xl:      24px;
  --font-size-xxl:     32px;
  --font-weight-normal:   400;
  --font-weight-semi:     500;
  --font-weight-bold:     700;
  --line-height-base:     1.5;

  /* ----------------------------------------------------------
     SHADOW
  ---------------------------------------------------------- */
  --shadow-sm:   0 1px 2px rgba(39, 40, 51, 0.10);
  --shadow-md:   0 2px 8px rgba(39, 40, 51, 0.14);
  --shadow-lg:   0 4px 16px rgba(39, 40, 51, 0.18);

  /* ----------------------------------------------------------
     TRANSITIONS
  ---------------------------------------------------------- */
  --transition-base:    all 0.15s ease-in-out;
  --transition-fast:    all 0.1s ease-in-out;

  /* ----------------------------------------------------------
     FOCUS RING
  ---------------------------------------------------------- */
  --focus-ring:    0 0 0 2px #fff, 0 0 0 4px var(--color-primary-l0);

  /* ----------------------------------------------------------
     Z-INDEX
  ---------------------------------------------------------- */
  --z-dropdown:   1000;
  --z-sticky:     1020;
  --z-modal:      1050;
  --z-toast:      1080;
  --z-tooltip:    1090;
}

/* High Contrast overrides → tokens-high-contrast.css
   Activates via .hc / [data-theme="high-contrast"] or @media (prefers-contrast: more) */