/* Landing Tailwind bridge — maps starter section vars to liitt brand kit (--ff-*) */

:root {
  --brand-primary: var(--ff-accent-gold);
  --brand-secondary: var(--ff-bg-section-alt);
  --brand-tint: var(--ff-bg-section-alt);
  --brand-accent: var(--ff-positive);

  --surface-bg: var(--ff-bg-base);
  --surface-card: var(--ff-surface);
  --surface-alt: var(--ff-bg-section-alt);

  --text-primary: var(--ff-text-primary);
  --text-secondary: var(--ff-text-body);
  --text-inverse: var(--ff-text-on-accent);

  --border-default: var(--ff-border-subtle);

  --state-success: var(--ff-positive);
  --state-warning: #f59e0b;
  --state-error: var(--ff-negative);
}

/* Typography scale — brand fonts */
.text-display     { font-family: var(--ff-font-display); font-size: 48px; font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; }
.text-heading-1   { font-family: var(--ff-font-display); font-size: 36px; font-weight: 700; line-height: 1.1; }
.text-heading-2   { font-family: var(--ff-font-display); font-size: 28px; font-weight: 700; line-height: 1.2; }
.text-heading-3   { font-family: var(--ff-font-display); font-size: 22px; font-weight: 700; line-height: 1.3; }
.text-body-lg     { font-family: var(--ff-font-body); font-size: 18px; font-weight: 400; line-height: 1.6; }
.text-body        { font-family: var(--ff-font-body); font-size: 16px; font-weight: 400; line-height: 1.6; }
.text-body-sm     { font-family: var(--ff-font-body); font-size: 14px; font-weight: 400; line-height: 1.55; }
.text-caption     { font-family: var(--ff-font-ui); font-size: 12px; font-weight: 500; line-height: 1.5; }
.text-overline    { font-family: var(--ff-font-ui); font-size: 12px; font-weight: 800; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.12em; }