/**
 * Landing page tokens. Colour values live in css/brand.css — everything here is
 * an alias, so the landing page and the checkout cannot drift apart.
 * The typography scale below is landing-only and has no checkout equivalent.
 */
:root {
  /* Brand */
  --brand-primary: var(--ova9-primary);
  --brand-secondary: var(--ova9-primary-tint);
  --brand-accent: var(--ova9-success);

  /* Surfaces */
  --surface-bg: var(--ova9-surface);
  --surface-card: var(--ova9-surface-alt);
  --surface-alt: var(--ova9-primary-tint);

  /* Text */
  --text-primary: var(--ova9-text);
  --text-secondary: var(--ova9-text-muted);
  --text-inverse: var(--ova9-text-inverse);

  /* Border */
  --border-default: var(--ova9-border);

  /* State */
  --state-success: var(--ova9-success);
  --state-warning: #f59e0b;
  --state-error: #ef4444;
}

/* Typography scale */
.text-display     { font-size: 48px; font-weight: 600; line-height: 1.08; letter-spacing: -0.03em; }
.text-heading-1   { font-size: 36px; font-weight: 600; line-height: 1.12; letter-spacing: -0.03em; }
.text-heading-2   { font-size: 28px; font-weight: 600; line-height: 1.18; letter-spacing: -0.02em; }
.text-heading-3   { font-size: 22px; font-weight: 600; line-height: 1.4; }
.text-body-lg     { font-size: 18px; font-weight: 400; line-height: 1.7; }
.text-body        { font-size: 16px; font-weight: 400; line-height: 1.7; }
.text-body-sm     { font-size: 14px; font-weight: 400; line-height: 1.6; }
.text-caption     { font-size: 12px; font-weight: 500; line-height: 1.5; }
.text-overline    { font-size: 12px; font-weight: 700; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.08em; }