/* ALKA — H2 "Split Board" (V2 mint) design tokens — Phase 1 + Phase 2
   Dark theme only for now. Theme switching is not yet designed; keep every
   color behind these custom properties so additional themes can override them. */

/* Design font families are bundled in public/fonts; no external font request. */

:root {
  /* Surfaces */
  --alka-bg: #0A0C0F;          /* page */
  --alka-surface: #0F1216;     /* panels, header */
  --alka-surface-2: #161B21;   /* buttons, tooltips, bar tracks */
  --alka-line: #222931;        /* 1px dividers and panel borders */

  /* Text */
  --alka-text: #DFE4EB;        /* 15.3:1 on bg */
  --alka-muted: #8F99A7;       /* 6.5:1 on surface — labels, secondary */
  --alka-bone: #F3EFE8;        /* logo letters only */

  /* Mint — team / app accent (from V2) */
  --alka-mint: #3DDC97;        /* 10.6:1 on surface */
  --alka-mint-ink: #03170E;    /* text on mint, 10.5:1 */
  --alka-mint-tint: rgba(61, 220, 151, 0.10);
  --alka-mint-edge: rgba(61, 220, 151, 0.40);

  /* Attack — always and only means attack side */
  --alka-atk: #FF8B42;         /* 8.1:1 on surface */
  --alka-atk-ink: #1A0E05;     /* text on attack fill */
  --alka-atk-tint: rgba(255, 139, 66, 0.10);   /* side block body */
  --alka-atk-edge: rgba(255, 139, 66, 0.35);   /* side block border */
  --alka-atk-outline: rgba(255, 139, 66, 0.60);/* lost-round chip border */
  --alka-atk-dim: rgba(255, 139, 66, 0.30);    /* bar remainder */

  /* Defense — always and only means defense side */
  --alka-def: #4FA9FF;         /* 7.6:1 on surface */
  --alka-def-ink: #04111F;
  --alka-def-tint: rgba(79, 169, 255, 0.10);
  --alka-def-edge: rgba(79, 169, 255, 0.35);
  --alka-def-outline: rgba(79, 169, 255, 0.60);
  --alka-def-dim: rgba(79, 169, 255, 0.30);

  /* Phase 2 — status colors (uploads, removal, validation). Never used for sides or team. */
  --alka-warn: #F0CF4F;        /* limited / partial / suspected duplicate / restore conflict */
  --alka-warn-ink: #1E1803;    /* text on warn fill */
  --alka-warn-tint: rgba(240, 207, 79, 0.10);
  --alka-warn-edge: rgba(240, 207, 79, 0.40);
  --alka-err: #FF6B81;         /* failed import, validation error, destructive action */
  --alka-err-ink: #24060B;     /* text on err fill */
  --alka-err-tint: rgba(255, 107, 129, 0.10);
  --alka-err-edge: rgba(255, 107, 129, 0.45);
  --alka-scrim: rgba(5, 6, 8, 0.74);   /* behind dialogs; 0.60 behind side drawers */

  /* Type */
  --alka-font-ui: 'IBM Plex Sans', system-ui, sans-serif;
  --alka-font-data: 'IBM Plex Mono', ui-monospace, monospace;   /* all numbers: tabular-nums */
  --alka-font-display: 'Chakra Petch', system-ui, sans-serif;  /* side band titles only */

  /* Radii */
  --alka-r-chip: 3px;
  --alka-r-control: 4px;
  --alka-r-panel: 6px;

  /* Spacing (4px base) */
  --alka-s-1: 4px;
  --alka-s-2: 6px;
  --alka-s-3: 8px;
  --alka-s-4: 10px;
  --alka-s-5: 12px;
  --alka-s-6: 14px;
  --alka-s-7: 16px;
  --alka-s-8: 20px;

  /* Focus */
  --alka-focus: 2px solid var(--alka-mint);
  --alka-focus-offset: 2px;
}