/* Design-tokenek sötét és világos témához */

:root,
html.dark {
  --radius: 0.375rem;

  /* Felületi színek (sötét) */
  --app: #0a0a0b;
  --surface: #141416;
  --elevated: #1c1c1f;
  --chip-bg: #1c1c1f;
  --line: #27272a;
  --line-2: #ffffff1a;
  --hair: #ffffff0d;
  --grid: #ffffff06;

  /* Tipográfiai színek */
  --ink: #ffffff;
  --ink-2: #a1a1aa;
  --ink-3: #71717a;

  /* Kiemelő színek */
  --accent: #f59e0b;
  --accent-ink: #f59e0b;
  --accent-soft: #f59e0b1f;
  --accent-glow: #f59e0b4d;

  /* Navigáció és árnyék */
  --nav-bg: #0a0a0bd1;
  --shadow: 0 1px 2px #00000080, 0 8px 24px #00000073;

  /* Küldetéspakli-színek */
  --hold: #2f6b4f;
  --purge: #8a2b2b;
  --disruption: #1f4f8a;
  --recon: #1f7a82;
  --priority: #a17b14;

  /* Felületi kiegészítő változók */
  --primary: var(--accent);
  --primary-foreground: #1a1205;
  --destructive: #ef4444;

  color-scheme: dark;
}

/* Világos téma */
html:not(.dark) {
  --app: #ececed;
  --surface: #ffffff;
  --elevated: #f7f7f8;
  --chip-bg: #f3f3f4;
  --line: #e4e4e7;
  --line-2: #0000001a;
  --hair: #0000000e;
  --grid: #0000000a;

  --ink: #18181b;
  --ink-2: #52525b;
  --ink-3: #8a8a93;

  --accent: #f59e0b;
  --accent-ink: #b45309;
  --accent-soft: #f59e0b1f;
  --accent-glow: #f59e0b4d;

  --nav-bg: #ffffffd1;
  --shadow: 0 1px 2px #18181b0d, 0 8px 28px #18181b0f;

  /* Küldetéspakli-színek */
  --hold: #2f6b4f;
  --purge: #8a2b2b;
  --disruption: #1f4f8a;
  --recon: #1f7a82;
  --priority: #a17b14;

  --primary: var(--accent);
  --primary-foreground: #1a1205;
  --destructive: #dc2626;

  color-scheme: light;
}