/* Track Time Alerts brand tokens — source: TTA_BRAND_SPEC.md v1.0 */

:root {
  /* §2.1 Primary palette */
  --tta-black: #0D0F0E;
  --tta-red: #E74F2E;
  --tta-white: #FFFFFF;

  /* §2.2 Secondary palette */
  --tta-blue: #005AA7;
  --tta-green: #1B5E3B;
  --tta-yellow: #FFB800;
  --tta-gray: #484A4C;
  --tta-tan: #A0522D;
  --tta-light-gray: #E0E0E0;

  /* §5.1 Primary hover (darker red) */
  --tta-red-hover: #C9422A;

  /* §2.3 Semantic — marketing site default theme (Racing Red primary) */
  --color-background: var(--tta-black);
  --color-surface: var(--tta-white);
  --color-primary: var(--tta-red);
  --color-primary-hover: var(--tta-red-hover);
  --color-secondary: var(--tta-blue);
  --color-text-primary: var(--tta-black);
  --color-text-inverse: var(--tta-white);
  --color-text-muted: var(--tta-gray);
  --color-warning: var(--tta-yellow);
  --color-error: var(--tta-red);
  --color-success: var(--tta-green);
  --color-destructive: var(--tta-red);
  --color-border: var(--tta-light-gray);

  /* §3 Typography */
  --font-heading: 'Barlow', system-ui, sans-serif;
  --font-body: 'Barlow Condensed', system-ui, sans-serif;
  --font-accent: 'Michroma', monospace;

  /* §7.1 Spacing scale (8px base) */
  --space-1: 0.25rem;   /* 4px  */
  --space-2: 0.5rem;    /* 8px  */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.5rem;    /* 24px */
  --space-6: 2rem;      /* 32px */
  --space-7: 3rem;      /* 48px */
  --space-8: 4rem;      /* 64px */

  /* §12 Quick reference */
  --radius-button: 4px;
  --radius-card: 8px;

  /* §7.2 Container widths */
  --container-max: 1200px;
  --container-narrow: 720px;
}