/* Altessa brand tokens — Phase 2 locked palette + typography system.
   Marcellus + Manrope family roles and the approved production scale are canonical. */

:root {
  /* Expressive brand palette */
  --color-paper: #F5F1E9;
  --color-ink: #172026;
  --color-terracotta: #A85438;
  --color-loden-moss: #6E7964;

  /* Utility neutrals */
  --color-white: #FFFFFF;
  --color-line: #D6CEC2;

  /* Semantic color roles */
  --color-background: var(--color-paper);
  --color-surface: var(--color-white);
  --color-text: var(--color-ink);
  --color-accent: var(--color-terracotta);
  --color-support: var(--color-loden-moss);
  --color-border: var(--color-line);
  --color-inverse-background: var(--color-ink);
  --color-inverse-text: var(--color-paper);

  /* Typography family roles */
  --font-display: 'Marcellus', Georgia, serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-ui: var(--font-body);

  /* Typography weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Display / editorial scale — Marcellus Regular */
  --text-display-size: 64px;
  --text-display-leading: 1;
  --text-display-tracking: -0.012em;
  --text-h1-size: 48px;
  --text-h1-leading: 1.05;
  --text-h2-size: 32px;
  --text-h2-leading: 1.15;
  --text-h3-size: 22px;
  --text-h3-leading: 1.25;

  /* Reading scale — Manrope Regular */
  --text-body-large-size: 18px;
  --text-body-large-leading: 1.6;
  --text-body-size: 16px;
  --text-body-leading: 1.65;
  --text-caption-size: 13px;
  --text-caption-leading: 1.5;

  /* Functional scale — Manrope */
  --text-nav-size: 12px;
  --text-metadata-size: 11px;
  --text-metadata-leading: 1.45;
  --text-metadata-tracking: 0.02em;
  --text-label-size: 10px;
  --text-label-leading: 1.4;
  --text-label-tracking: 0.14em;
  --text-button-size: 10px;
  --text-button-leading: 1.4;
  --text-button-tracking: 0.11em;
}