/* Automay marketing tokens — aligned with app public/css/tokens.css */

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --connect-cyan: #00C8FC;
  --connect-green: #1A9756;
  --connect-violet: #6538FF;
  --gradient: linear-gradient(90deg, #00C8FC, #1A9756, #6538FF);

  --deep-navy: #0F172A;
  --midnight: #020817;
  --off-white: #F7F5F3;

  --primary: #1A9756;
  --primary-hover: #178A4D;
  --primary-active: #136F3E;
  --primary-soft: #E8F5EE;
  --on-primary: #FFFFFF;

  --bg: #F7F5F3;
  --surface: #FFFFFF;
  --border: #E2E8F0;
  --text: #0F172A;
  --text-muted: #475569;
  --text-subtle: #64748B;

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

  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;

  --sh-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.06), 0 1px 2px -1px rgba(15, 23, 42, 0.06);

  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}