/*
 * Tasks4Access design tokens.
 * Structural values (radius/spacing/container/shadow) — 01_Tasks4Access_Website_Design_System.pdf p.4-7,9-10.
 * Color/typography tokens below reflect the approved 2026 visual brand
 * redesign (see docs/brand/BRAND_SYSTEM.md): Ink #0F172A, Indigo #4F46E5,
 * Slate-700 #334155, White #FFFFFF, typeface Inter. This supersedes the
 * prior purple/violet palette from the design-system PDF for visual
 * identity only — functionality, content, routes, forms, SEO, accessibility,
 * pricing and partner-programme requirements are unaffected.
 */
:root {
  --t4a-bg: #FBFBFE;
  --t4a-surface: #FFFFFF;
  --t4a-navy: #0F172A;
  --t4a-text: #0F172A;
  --t4a-muted: #334155;
  --t4a-purple: #4F46E5;
  --t4a-purple-2: #4338CA;
  --t4a-lilac: #EEF0FF;
  --t4a-lilac-2: #E0E7FF;
  --t4a-border: #E2E8F0;
  --t4a-success: #22B573;
  --t4a-warning: #F0B90B;
  --t4a-danger: #E25563;

  --t4a-gradient-primary: linear-gradient(135deg, #4F46E5 0%, #6366F1 55%, #4338CA 100%);

  --t4a-font: 'Inter', 'Plus Jakarta Sans', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --t4a-radius-card: 22px;
  --t4a-radius-button: 14px;
  --t4a-radius-input: 15px;
  --t4a-container: 1220px;

  --t4a-shadow-card: 0 12px 38px rgba(38, 29, 83, .06);

  --t4a-space-1: 4px;
  --t4a-space-2: 8px;
  --t4a-space-3: 12px;
  --t4a-space-4: 16px;
  --t4a-space-5: 24px;
  --t4a-space-6: 32px;
  --t4a-space-7: 40px;
  --t4a-space-8: 48px;
  --t4a-space-9: 64px;
  --t4a-space-10: 80px;
  --t4a-space-11: 96px;
  --t4a-space-12: 120px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t4a-motion-enabled: 0; }
}