/* ============================================================
   Lexicon base tokens — vanilla
   Copy of tokens.css trimmed to colors, spacing, typography,
   radius and shadow. Light mode only — no theming layer.
   ============================================================ */

: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 / Light ── */
  --color-dark-d2: #111116;
  --color-dark-d1: #1C1C24;
  --color-dark:    #272833;
  --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;

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

  /* ── Border radius ── */
  --rounded-sm:    2px;
  --rounded-md:    4px;
  --rounded-lg:    8px;
  --rounded-full:  9999px;

  /* ── Typography ── */
  --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:   20px;
  --font-size-2xl:  28px;
  --font-size-3xl:  32px;
  --font-weight-normal: 300;
  --font-weight-semi:   400;
  --font-weight-bold:   600;
  --line-height-base:   1.5;

  /* ── Shadow ── */
  --shadow-sm:         0 1px 2px rgba(39, 40, 51, 0.10);
  --shadow-card:       0 2px 4px rgba(39, 40, 51, 0.12);
  --shadow-md:         0 2px 8px rgba(39, 40, 51, 0.14);
  --shadow-dropdown:   0 4px 8px rgba(39, 40, 51, 0.12);
  --shadow-lg:         0 4px 16px rgba(39, 40, 51, 0.18);
  --shadow-alert:      0 8px 16px rgba(39, 40, 51, 0.20);

  /* ── Focus ring ── */
  --focus-ring: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-l0);

  /* ── Chart colors ── */
  --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;
}

/* Sensible defaults for the document */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--color-dark);
  background: var(--color-white);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
  margin: 0;
}

p { margin: 0; }

a { color: var(--color-primary); }
a:hover { color: var(--color-primary-d1); }