/* ─── design tokens ─────────────────────────────────────── */

:root {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto,
          "Helvetica Neue", Arial, sans-serif;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-full: 999px;

  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

  --header-h: 60px;
  --rail-w: 236px;

  --ease: cubic-bezier(.22,.61,.36,1);
  --shadow-1: 0 1px 2px rgba(0,0,0,.20);
  --shadow-2: 0 10px 30px -10px rgba(0,0,0,.45);
  --shadow-3: 0 24px 70px -20px rgba(0,0,0,.65);
}

/* dark (default) */
[data-theme="dark"] {
  --bg:        #09090b;
  --bg-elev:   #101013;
  --surface:   #17171b;
  --surface-2: #1e1e23;
  --line:      #27272e;
  --line-soft: #1c1c21;

  --fg:        #f2f2f4;
  --fg-muted:  #9a9aa4;
  --fg-faint:  #6b6b75;

  --accent:    #6b93ff;
  --accent-fg: #ffffff;
  --accent-soft: rgba(107,147,255,.14);

  --skeleton:  linear-gradient(90deg,#17171b 0%,#212127 50%,#17171b 100%);
  --scrim:     rgba(4,4,6,.86);
}

/* light */
[data-theme="light"] {
  --bg:        #fbfbfc;
  --bg-elev:   #ffffff;
  --surface:   #ffffff;
  --surface-2: #f3f3f5;
  --line:      #e4e4e8;
  --line-soft: #eeeef1;

  --fg:        #111114;
  --fg-muted:  #6a6a75;
  --fg-faint:  #96969f;

  --accent:    #3d6fe8;
  --accent-fg: #ffffff;
  --accent-soft: rgba(61,111,232,.10);

  --skeleton:  linear-gradient(90deg,#f0f0f3 0%,#e6e6ea 50%,#f0f0f3 100%);
  --scrim:     rgba(20,20,24,.72);
}