/* Frediian identity v3: source in docs/brand-v3. */
:root {
  --brand-ink: #102F46;
  --brand-blue: #17699A;
  --brand-cyan: #51CDE5;
  --brand-warm: #F6AA71;
  --surface-base: #FAFBFC;
  --surface-soft: #EAF3F8;
  --surface-card: #FFFFFF;
  --border-subtle: #D4E2EA;
  --text-primary: #102F46;
  --text-secondary: #536978;
  --success: #247967;
  --error: #B23C43;
  --font-heading: 'Manrope', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --radius-button: 10px;
  --radius-card: 18px;
  --radius-media: 20px;
  --radius-pill: 9999px;
  --container-max: 1200px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
}

/* Compatibility names used by the existing website; all resolve to v3 tokens. */
:root {
  --ink: var(--brand-ink);
  --blue: var(--brand-blue);
  --cyan: var(--brand-cyan);
  --warm-300: var(--brand-warm);
  --muted: var(--text-secondary);
  --paper: var(--surface-base);
  --line: var(--border-subtle);
  --soft: var(--surface-soft);
  --heading: var(--font-heading);
  --body: var(--font-body);
  --radius: var(--radius-card);
  --success-600: var(--success);
  --shadow-card: 0 10px 28px rgb(16 47 70 / 6%);
  --shadow-floating: 0 6px 22px rgb(16 47 70 / 13%);
}