/* ============================================================
   TOKEN INJECTION POINT — overwrite via /acc-theme-create
   All colors, spacing, type, and radii live here. Modules and
   base layout reference --token-* only; nothing below this file
   should ever hardcode a hex, px-spacing, or font value.
   ============================================================ */
:root {
  /* color */
  --token-bg: #0e0f12;
  --token-bg-elev: #181a20;
  --token-bg-elev-2: #20232b;
  --token-border: #2a2d36;
  --token-text: #ececf1;
  --token-text-muted: #9ca0ad;
  --token-accent: #f5b800;
  --token-accent-text: #0e0f12;
  --token-success: #4ade80;
  --token-danger: #f87171;

  /* spacing */
  --token-space-1: 4px;
  --token-space-2: 8px;
  --token-space-3: 12px;
  --token-space-4: 16px;
  --token-space-5: 24px;
  --token-space-6: 32px;
  --token-space-7: 48px;

  /* radii */
  --token-radius-sm: 6px;
  --token-radius-md: 10px;
  --token-radius-lg: 16px;

  /* type */
  --token-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --token-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --token-font-size-sm: 13px;
  --token-font-size-base: 15px;
  --token-font-size-lg: 18px;
  --token-font-size-xl: 22px;
  --token-font-size-2xl: 28px;

  /* shadow */
  --token-shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.25);
}