/**
 * Flash OS Design System (FODS) — design tokens only.
 * Prefixed --fods-* to avoid collisions with legacy --admin-* / page CSS.
 * Phase 0: tokens + variables; existing admin UI unchanged.
 */
:root {
  /* Surfaces */
  --fods-color-bg-deep: #0b0f14;
  --fods-color-bg: #0f1419;
  --fods-color-bg-elevated: #141b22;
  --fods-color-surface: #1a222b;
  --fods-color-surface-hover: #1f2833;
  --fods-color-border: #2a3544;
  --fods-color-border-strong: #3d4f63;

  /* Text */
  --fods-color-text: #e8edf4;
  --fods-color-text-muted: #9aa8b8;
  --fods-color-text-subtle: #6b7c8f;

  /* Accent (gold — partner brand alignment, used sparingly internally) */
  --fods-color-accent: #d4a853;
  --fods-color-accent-muted: #a6843f;
  --fods-color-accent-soft: rgba(212, 168, 83, 0.14);

  /* Semantic */
  --fods-color-success: #34d399;
  --fods-color-warning: #fbbf24;
  --fods-color-danger: #f87171;
  --fods-color-info: #60a5fa;

  /* Typography */
  --fods-font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fods-font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
  --fods-text-xs: 0.6875rem;
  --fods-text-sm: 0.8125rem;
  --fods-text-base: 0.9375rem;
  --fods-text-md: 1.0625rem;
  --fods-text-lg: 1.25rem;
  --fods-text-xl: 1.5rem;
  --fods-leading-tight: 1.2;
  --fods-leading-normal: 1.45;
  --fods-leading-relaxed: 1.55;

  /* Spacing (4px grid) */
  --fods-space-1: 4px;
  --fods-space-2: 8px;
  --fods-space-3: 12px;
  --fods-space-4: 16px;
  --fods-space-5: 20px;
  --fods-space-6: 24px;
  --fods-space-8: 32px;
  --fods-space-10: 40px;
  --fods-space-12: 48px;
  --fods-space-16: 64px;

  /* Radius */
  --fods-radius-xs: 6px;
  --fods-radius-sm: 10px;
  --fods-radius-md: 14px;
  --fods-radius-lg: 18px;
  --fods-radius-pill: 999px;

  /* Elevation */
  --fods-shadow-0: none;
  --fods-shadow-1: 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 24px rgba(0, 0, 0, 0.35);
  --fods-shadow-2: 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 40px rgba(0, 0, 0, 0.45);

  /* Motion */
  --fods-duration-fast: 140ms;
  --fods-duration-normal: 200ms;
  --fods-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* Focus ring (accessibility) */
  --fods-focus-ring: 0 0 0 2px var(--fods-color-bg-deep), 0 0 0 4px var(--fods-color-accent);
}