/* ============================================================
   indi — Ember Aurora design tokens (light + dark)
   Mirrors app/globals.css in the product. Dark mode is applied by
   setting data-theme="dark" on <html>; every token swaps.
   ============================================================ */

:root {
  /* Type */
  --e-font: 'Instrument Sans', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --e-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Surfaces */
  --e-bg: #FAFBFD;
  --e-surface: #FFFFFF;
  --e-surface-2: #F5F6FA;

  /* Text */
  --e-ink: #16181D;
  --e-ink-2: #6B7280;
  --e-ink-3: #8A91A0;

  /* Borders */
  --e-line: #EDEFF4;
  --e-line-2: #E3E6EE;
  --e-grid: rgba(22, 24, 29, 0.05);

  /* Brand */
  --e-accent: #FF5A1F;
  --e-accent-ink: #E33E0A;
  --e-accent-ink-strong: #C63709;
  --e-accent-soft: #FFF0E9;
  --e-magenta: #E0257B;
  --e-magenta-bg: rgba(255, 46, 126, 0.10);
  --e-violet: #7A5AF8;
  --e-violet-bg: rgba(122, 90, 248, 0.10);
  --e-blue: #3B6FD9;
  --e-blue-bg: rgba(59, 111, 217, 0.10);
  --e-teal: #0E8AA8;
  --e-teal-bg: rgba(14, 138, 168, 0.10);
  --e-amber: #B4740A;
  --e-fuchsia: #C026D3;
  --e-fuchsia-bg: rgba(192, 38, 211, 0.10);
  --e-blue-soft: #E8F0FE;
  --e-blue-light: #B9D0FA;
  --e-violet-soft: #EFEBFE;
  --e-teal-soft: #E3F6F5;
  --e-amber-soft: #FFF4E0;
  --e-amber-light: #FBD68C;
  --e-ok-light: #B7E3C6;
  --e-grad: linear-gradient(100deg, #FF5A1F, #FF2E7E);
  --e-on-accent: #FFFFFF;
  --e-grad-full: linear-gradient(90deg, #FF5A1F, #FF2E7E, #7A5AF8);
  --e-nav-on: linear-gradient(100deg, rgba(255, 90, 31, 0.12), rgba(255, 46, 126, 0.10));
  --e-act-bg: linear-gradient(100deg, rgba(255, 90, 31, 0.09), rgba(255, 46, 126, 0.07));

  /* Status */
  --e-ok: #0E8345;      --e-ok-bg: #E8F6EE;
  --e-amber-ink: #946200; --e-amber-bg: #FDF4E1; --e-amber-line: #EFD9A8;
  --e-green-ink: #0E8345; --e-green-bg: #E9F7EF; --e-green-line: #BFE6CC;
  --e-warn: #E33E0A;    --e-warn-bg: #FFF0E9;
  --e-bad: #D92D20;     --e-bad-bg: #FDEBE9;
  --e-mute: #6B7280;    --e-mute-bg: #F1F3F7;

  /* Calendar */
  --e-heat: rgba(120, 120, 135, 0.14);
  --e-heat-2: rgba(120, 120, 135, 0.28);
  --e-today: rgba(255, 90, 31, 0.045);
  --e-weekend: rgba(120, 126, 140, 0.05);
  --e-sel: rgba(255, 90, 31, 0.14);

  /* Depth */
  --e-shadow-card: 0 1px 2px rgba(22, 24, 29, 0.04), 0 8px 20px rgba(22, 24, 29, 0.05);
  --e-shadow-card-hover: 0 2px 4px rgba(22, 24, 29, 0.05), 0 12px 28px rgba(22, 24, 29, 0.09);
  --e-shadow-pop: 0 2px 6px rgba(22, 24, 29, 0.06), 0 16px 40px rgba(22, 24, 29, 0.12);
  --e-shadow-accent: 0 4px 14px rgba(255, 46, 126, 0.30);
  --e-shadow-accent-hover: 0 6px 18px rgba(255, 46, 126, 0.42);
  --e-shadow-deep: 0 10px 24px rgba(14, 15, 20, 0.25);

  /* Radii */
  --e-r-sm: 8px;
  --e-r-md: 14px;
  --e-r-lg: 20px;
  --e-r-pill: 999px;

  /* Motion */
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.2, 0.8, 0.2, 1);

  color-scheme: light;
}

[data-theme="dark"] {
  --e-bg: #0B0C10;
  --e-surface: #14161C;
  --e-surface-2: #1B1F27;

  --e-ink: #F4F5F9;
  --e-ink-2: #9BA1B0;
  --e-ink-3: #6E7480;

  --e-line: #232732;
  --e-line-2: #2E3342;
  --e-grid: rgba(255, 255, 255, 0.06);

  --e-accent-ink: #FF8A5C;
  --e-accent-ink-strong: #FF8A5C;
  --e-accent-soft: rgba(255, 90, 31, 0.14);
  --e-magenta: #FF5C9E;
  --e-magenta-bg: rgba(255, 46, 126, 0.16);
  --e-violet: #9B85FA;
  --e-violet-bg: rgba(122, 90, 248, 0.18);
  --e-blue: #7AA0F0;
  --e-blue-bg: rgba(59, 111, 217, 0.18);
  --e-teal: #3BB6D1;
  --e-teal-bg: rgba(14, 138, 168, 0.18);
  --e-amber: #E0A44A;
  --e-fuchsia: #DB6BE8;
  --e-fuchsia-bg: rgba(192, 38, 211, 0.18);
  --e-blue-soft: rgba(59, 111, 217, 0.20);
  --e-blue-light: rgba(122, 160, 240, 0.55);
  --e-violet-soft: rgba(122, 90, 248, 0.20);
  --e-teal-soft: rgba(14, 138, 168, 0.20);
  --e-amber-soft: rgba(180, 116, 10, 0.20);
  --e-amber-light: rgba(224, 164, 74, 0.55);
  --e-ok-light: rgba(61, 214, 140, 0.45);
  --e-nav-on: linear-gradient(100deg, rgba(255, 90, 31, 0.20), rgba(255, 46, 126, 0.16));
  --e-act-bg: linear-gradient(100deg, rgba(255, 90, 31, 0.14), rgba(255, 46, 126, 0.11));

  --e-ok: #3DD68C;   --e-ok-bg: rgba(20, 160, 90, 0.16);
  --e-amber-ink: #E4B15A; --e-amber-bg: rgba(217, 160, 60, 0.12); --e-amber-line: rgba(217, 160, 60, 0.28);
  --e-green-ink: #3DD68C; --e-green-bg: rgba(20, 160, 90, 0.12); --e-green-line: rgba(20, 160, 90, 0.30);
  --e-warn: #FF8A5C; --e-warn-bg: rgba(255, 90, 31, 0.14);
  --e-bad: #FF7369;  --e-bad-bg: rgba(217, 45, 32, 0.16);
  --e-mute: #9BA1B0; --e-mute-bg: #232732;

  --e-heat: rgba(160, 166, 185, 0.12);
  --e-heat-2: rgba(160, 166, 185, 0.24);
  --e-today: rgba(255, 90, 31, 0.07);
  --e-weekend: rgba(140, 146, 165, 0.05);
  --e-sel: rgba(255, 90, 31, 0.22);

  --e-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.35);
  --e-shadow-card-hover: 0 2px 4px rgba(0, 0, 0, 0.5), 0 12px 28px rgba(0, 0, 0, 0.4);
  --e-shadow-pop: 0 2px 6px rgba(0, 0, 0, 0.5), 0 16px 40px rgba(0, 0, 0, 0.5);

  color-scheme: dark;
}