/* Advocari design tokens. Source: the live app look (advocari-dev login): Inter, orange
   primary, slate neutrals, soft rounded cards. Contract: design-systems/_core/README.md. */
:root {
  /* colour */
  --ds-primary: #c2410c;         /* orange-700: buttons and links (white text = 5.2:1) */
  --ds-on-primary: #ffffff;
  --ds-accent: #f97316;          /* orange-500: decorative, kickers on dark, focus ring */
  --ds-on-accent: #ffffff;
  --ds-ink: #0f172a;             /* slate-900 */
  --ds-muted: #475569;           /* slate-600 */
  --ds-line: #e2e8f0;            /* slate-200 */
  --ds-surface: #ffffff;
  --ds-surface-alt: #f8fafc;     /* slate-50 */
  --ds-kicker: #c2410c;
  --ds-header-bg: rgba(255, 255, 255, .85);
  --ds-header-fg: #0f172a;
  --ds-hero-bg:
    radial-gradient(60% 80% at 88% 0%, rgba(249, 115, 22, .16), transparent 70%),
    radial-gradient(50% 70% at 0% 100%, rgba(59, 130, 246, .10), transparent 70%),
    #f8fafc;
  --ds-on-hero: #0f172a;
  --ds-on-hero-muted: #475569;
  --ds-dark-bg: #0f172a;
  --ds-on-dark: #ffffff;
  --ds-on-dark-muted: #cbd5e1;
  --ds-tint-bg: #fff7ed;         /* orange-50 */
  --ds-check-bg: #c2410c;
  --ds-check-fg: #ffffff;
  --ds-backdrop: rgba(15, 23, 42, .55);
  --ds-danger: #dc2626;
  --adv-peach: #ffedd5;          /* orange-100 */
  --adv-ok: #059669;
  --adv-warn: #d97706;
  --adv-info: #2563eb;
  --adv-avatar: #4f46e5;

  /* type: Inter only */
  --ds-font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-hand: "Inter", system-ui, sans-serif;
  --ds-display-weight: 800;
  --ds-display-transform: none;
  --ds-display-tracking: -.035em;
  --ds-display-leading: 1.04;
  --ds-title-weight: 800;
  --ds-step--1: .875rem;
  --ds-step-0: 1rem;
  --ds-step-1: 1.1875rem;
  --ds-step-2: 1.5rem;
  --ds-step-3: clamp(1.875rem, 3.6vw, 2.75rem);
  --ds-step-4: clamp(2.5rem, 5.4vw, 4.25rem);
  --ds-step-5: clamp(3rem, 7vw, 5rem);
  --ds-step-6: clamp(3.5rem, 10vw, 7rem);

  /* space, shape, measure */
  --ds-space-1: 4px;  --ds-space-2: 8px;  --ds-space-3: 12px;
  --ds-space-4: 16px; --ds-space-5: 24px; --ds-space-6: 32px;
  --ds-space-7: 48px; --ds-space-8: 64px; --ds-space-9: 96px;
  --ds-radius-pill: 999px;
  --ds-radius-btn: 999px;
  --ds-radius-field: 12px;
  --ds-radius-card: 18px;
  --ds-radius-phone: 42px;
  --ds-maxw: 1200px;
}