/* web/static/css/tokens.css */
:root {
  /* Brand Colors */
  --at-primary: #E84B3A;
  --at-primary-hover: #D63B2A;
  --at-accent: #F97316;
  --at-warm: #FACC15;
  --at-valid: #22C55E;
  --at-info: #0EA5E9;
  --at-dark: #1a1a2e;

  /* Semantic UI */
  --at-danger: #E84B3A;
  --at-success: #22C55E;
  --at-warning: #FACC15;

  /* Deadline Colors */
  --at-deadline-expired: #6B7280;
  --at-deadline-urgent: #E84B3A;
  --at-deadline-soon: #F97316;
  --at-deadline-ok: #22C55E;

  /* Typography */
  --at-font: -apple-system, 'SF Pro Display', BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --at-font-size-xs: 10px;
  --at-font-size-sm: 12px;
  --at-font-size-md: 14px;
  --at-font-size-lg: 16px;
  --at-font-size-xl: 20px;
  --at-font-size-2xl: 26px;

  /* Spacing */
  --at-space-xs: 4px;
  --at-space-sm: 8px;
  --at-space-md: 12px;
  --at-space-lg: 16px;
  --at-space-xl: 24px;
  --at-space-2xl: 32px;

  /* Border Radius */
  --at-radius-sm: 6px;
  --at-radius-md: 8px;
  --at-radius-lg: 12px;
  --at-radius-xl: 16px;
  --at-radius-2xl: 20px;
  --at-radius-full: 9999px;

  /* Surfaces */
  --at-surface: #FFFFFF;
  --at-surface-2: #F9FAFB;
  --at-surface-3: #F3F4F6;
  --at-border: #E5E7EB;
  --at-border-light: #F3F4F6;

  /* Text */
  --at-text-primary: #111827;
  --at-text-secondary: #6B7280;
  --at-text-tertiary: #9CA3AF;

  /* Logo gradient */
  --at-logo-gradient: linear-gradient(135deg, #E84B3A 0%, #F97316 55%, #FACC15 100%);

  /* Shadows */
  --at-shadow-card: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --at-shadow-modal: 0 20px 60px rgba(0,0,0,0.15);

  /* Bottom nav height */
  --at-nav-height: 64px;
}