:root {
  --fd-primary: #ffbb2f;
  --fd-secondary: #38bdf8;
  --fd-success: #22c55e;
  --fd-danger: #ef4444;
  --fd-warning: #fb923c;

  --fd-page-bg: #071229;
  --fd-surface: rgba(15, 23, 42, 0.82);
  --fd-surface-strong: rgba(15, 23, 42, 0.94);

  --fd-text: #f8fafc;
  --fd-text-strong: #ffffff;
  --fd-text-muted: #cbd5e1;

  --fd-border: rgba(255, 255, 255, 0.14);

  --fd-shadow-sm: 0 8px 22px rgba(0, 0, 0, 0.18);
  --fd-shadow-md: 0 20px 50px rgba(0, 0, 0, 0.32);

  --fd-radius-sm: 14px;
  --fd-radius-md: 22px;
  --fd-radius-lg: 30px;
  --fd-radius-pill: 999px;

  --fd-space-1: 0.25rem;
  --fd-space-2: 0.5rem;
  --fd-space-3: 0.75rem;
  --fd-space-4: 1rem;
  --fd-space-5: 1.5rem;
  --fd-space-6: 2rem;

  --fd-font: Arial, Helvetica, sans-serif;
  --fd-page-width: min(calc(100vw - 36px), 1480px);
  --fd-touch-size: 44px;

  --fd-duration-fast: 150ms;
  --fd-duration-normal: 250ms;
}