/* ══════════════════════════════════════════════════════════════
   Theme Tokens
   Three theme definitions as CSS custom properties.
   Default: Lunaris Light (set on :root).
   ══════════════════════════════════════════════════════════════ */

/* ── Lunaris Light (default) ─────────────────────────────────── */
:root,
[data-theme="lunaris-light"] {
  --background: #F2F3F0;
  --card: #FFFFFF;
  --sidebar: #E7E8E5;
  --sidebar-border: #CBCCC9;
  --sidebar-active: #CBCCC9;
  --sidebar-active-text: #18181b;
  --sidebar-settings-bg: rgba(0, 0, 0, 0.05);
  --primary: #FF8400;
  --primary-foreground: #111111;
  --foreground: #111111;
  --muted: #666666;
  --border: #CBCCC9;
  --toolbar-bg: #FFFFFF;
  --success: #004D1A;
  --info: #000066;
  --warning: #804200;
  --error: #8C1C00;
  --shadow: 0 1px 1.75px rgba(0, 0, 0, 0.05);
  --radius-button: 999px;
  --radius-card: 0px;
  --radius-nav: 999px;
  --font-heading: 'JetBrains Mono', monospace;
  --font-body: 'Geist', -apple-system, sans-serif;

  /* Subtle backgrounds — pre-computed to avoid color-mix() which
     html2canvas v1.4.1 cannot parse.  ~10% tint on --card. */
  --success-subtle: #e8f0e8;
  --info-subtle: #e8e8f0;
  --warning-subtle: #f0ece4;
  --error-subtle: #f0e6e4;
  --muted-subtle: #ebebea;
  --primary-subtle: #f0e8e0;

  /* Badge / 12% tint variants */
  --success-badge: #e2efe2;
  --info-badge: #e2e2ef;
  --warning-badge: #efe8dc;
  --error-badge: #efe0dc;
  --primary-badge: #ede2d6;

  /* Effort flow / 8% tint variants */
  --primary-tint: #f2ebe3;
  --warning-tint: #f2ede6;
  --success-tint: #eaf2ea;
  --muted-tint: #ebebea;

  /* Capacity heatmap — 50% tint for legend */
  --success-half: #80a68d;

  /* Legacy aliases — referenced by inline styles in JS/HTML.
     Remove once all inline styles are migrated to CSS classes. */
  --blue: var(--primary);
  --blue-dark: var(--primary);
  --green: var(--success);
  --red: var(--error);
  --orange: var(--warning);
  --bg: var(--background);
  --text: var(--foreground);
  --text-muted: var(--muted);
}

/* ── Fluent Light ────────────────────────────────────────────── */
[data-theme="fluent-light"] {
  --background: #f3f2f1;
  --card: #ffffff;
  --sidebar: #edebe9;
  --sidebar-border: #d2d0ce;
  --sidebar-active: #deecf9;
  --sidebar-active-text: #0078d4;
  --sidebar-settings-bg: rgba(0, 0, 0, 0.04);
  --primary: #0078d4;
  --primary-foreground: #ffffff;
  --foreground: #323130;
  --muted: #605e5c;
  --border: #edebe9;
  --toolbar-bg: #ffffff;
  --success: #107c10;
  --info: #0078d4;
  --warning: #ff8c00;
  --error: #e81123;
  --shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13),
    0 0.3px 0.9px rgba(0, 0, 0, 0.1);
  --radius-button: 2px;
  --radius-card: 2px;
  --radius-nav: 2px;
  --font-heading: 'Segoe UI', -apple-system, sans-serif;
  --font-body: 'Segoe UI', -apple-system, sans-serif;

  /* Subtle backgrounds */
  --success-subtle: #dff6dd;
  --info-subtle: #deecf9;
  --warning-subtle: #fff4ce;
  --error-subtle: #fde7e9;
  --muted-subtle: #f3f2f1;
  --primary-subtle: #deecf9;

  /* Badge / 12% tint variants */
  --success-badge: #dbf4d9;
  --info-badge: #daeaf7;
  --warning-badge: #fff1c2;
  --error-badge: #fce2e4;
  --primary-badge: #daeaf7;

  /* Effort flow / 8% tint variants */
  --primary-tint: #e4effa;
  --warning-tint: #fff6d8;
  --success-tint: #e5f8e3;
  --muted-tint: #f3f2f1;

  /* Capacity heatmap */
  --success-half: #88be88;
}

/* ── Lunaris Dark ────────────────────────────────────────────── */
[data-theme="lunaris-dark"] {
  --background: #111111;
  --card: #1A1A1A;
  --sidebar: #18181b;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --sidebar-active: #2a2a30;
  --sidebar-active-text: #fafafa;
  --sidebar-settings-bg: rgba(255, 255, 255, 0.05);
  --primary: #FF8400;
  --primary-foreground: #111111;
  --foreground: #FFFFFF;
  --muted: #B8B9B6;
  --border: #2E2E2E;
  --toolbar-bg: #1A1A1A;
  --success: #B6FFCE;
  --info: #B2B2FF;
  --warning: #FF8400;
  --error: #FF5C33;
  --shadow: none;
  --radius-button: 999px;
  --radius-card: 0px;
  --radius-nav: 999px;
  --font-heading: 'JetBrains Mono', monospace;
  --font-body: 'Geist', -apple-system, sans-serif;

  /* Subtle backgrounds */
  --success-subtle: #1a2e1f;
  --info-subtle: #1a1a2e;
  --warning-subtle: #2e2415;
  --error-subtle: #2e1a15;
  --muted-subtle: #222222;
  --primary-subtle: #2e2215;

  /* Badge / 12% tint variants */
  --success-badge: #1f3325;
  --info-badge: #1f1f33;
  --warning-badge: #33291a;
  --error-badge: #331f1a;
  --primary-badge: #33271a;

  /* Effort flow / 8% tint variants */
  --primary-tint: #271f17;
  --warning-tint: #271f17;
  --success-tint: #1d2b20;
  --muted-tint: #222222;

  /* Capacity heatmap */
  --success-half: #688f72;
}