/* FestAxis Design System v1.0 */
:root {
  --fx-brand-navy: #162A46;
  --fx-brand-deep-teal: #163D46;
  --fx-brand-ocean: #0F3568;
  --fx-brand-blue: #058CBA;
  --fx-brand-aqua: #40B9B1;
  --fx-brand-teal: #0B6E62;
  --fx-brand-mint: #65C5C0;
  --fx-brand-gradient: linear-gradient(135deg,#0F3568 0%,#058CBA 38%,#40B9B1 70%,#0B6E62 100%);

  --fx-neutral-0: #FFFFFF;
  --fx-neutral-25: #FCFDFE;
  --fx-neutral-50: #F8FAFC;
  --fx-neutral-100: #F1F5F9;
  --fx-neutral-150: #EAF0F5;
  --fx-neutral-200: #E2E8F0;
  --fx-neutral-300: #CBD5E1;
  --fx-neutral-400: #94A3B8;
  --fx-neutral-500: #64748B;
  --fx-neutral-600: #475569;
  --fx-neutral-700: #334155;
  --fx-neutral-800: #1F2937;
  --fx-neutral-900: #111827;
  --fx-neutral-950: #0B1220;

  --fx-canvas: #F6F9FB;
  --fx-panel: #FFFFFF;
  --fx-panel-subtle: #F1F6F8;
  --fx-panel-inset: #EAF0F5;
  --fx-border: #D6E0E8;
  --fx-border-strong: #B8C7D3;
  --fx-border-subtle: #E8EEF3;

  --fx-text: #111827;
  --fx-text-secondary: #475569;
  --fx-text-muted: #64748B;
  --fx-text-inverse: #FFFFFF;
  --fx-link: #075F9B;
  --fx-link-hover: #0F3568;

  --fx-success: #0F7A58;
  --fx-success-text: #0D6B4E;
  --fx-success-bg: #EAF8F2;
  --fx-success-border: #A8DFC9;
  --fx-warning: #B86A00;
  --fx-warning-text: #9A5700;
  --fx-warning-bg: #FFF6E7;
  --fx-warning-border: #F4CF8D;
  --fx-danger: #C83A45;
  --fx-danger-text: #A92F3A;
  --fx-danger-bg: #FFF0F1;
  --fx-danger-border: #F2B7BC;
  --fx-info: #1769AA;
  --fx-info-text: #145E98;
  --fx-info-bg: #EDF7FF;
  --fx-info-border: #B6DAF3;

  --fx-font-ui: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fx-font-display: "Inter Display", Inter, system-ui, sans-serif;
  --fx-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --fx-space-1: 4px;
  --fx-space-2: 8px;
  --fx-space-3: 12px;
  --fx-space-4: 16px;
  --fx-space-5: 20px;
  --fx-space-6: 24px;
  --fx-space-8: 32px;
  --fx-space-10: 40px;
  --fx-space-12: 48px;
  --fx-space-16: 64px;

  --fx-radius-xs: 4px;
  --fx-radius-sm: 6px;
  --fx-radius-md: 8px;
  --fx-radius-lg: 12px;
  --fx-radius-xl: 16px;
  --fx-radius-pill: 999px;

  --fx-shadow-xs: 0 1px 2px rgba(11,18,32,.06);
  --fx-shadow-sm: 0 2px 8px rgba(11,18,32,.08);
  --fx-shadow-md: 0 12px 28px rgba(11,18,32,.14);
  --fx-shadow-overlay: 0 24px 64px rgba(11,18,32,.22);
  --fx-focus-ring: 0 0 0 3px rgba(5,140,186,.22);

  --fx-control-compact: 32px;
  --fx-control-default: 36px;
  --fx-control-comfortable: 40px;
  --fx-control-field: 48px;
  --fx-control-field-lg: 56px;

  --fx-motion-fast: 120ms;
  --fx-motion-default: 180ms;
  --fx-motion-slow: 240ms;
  --fx-ease: cubic-bezier(.2,.8,.2,1);
}