/* Charte 2020 (albumcolors.com), relevée sur styles.refero.design/style/ac660bff-3b21-4753-a80f-3692da6e735e (2026-10-11).
   Police d'origine commerciale : Helvetica LT Pro -> Helvetica Neue, puis Inter (substituts listés), une seule graisse, 400. */
:root {
  /* Colors */
  --color-signal-orange: #e4822e;
  --color-olive-ink: #4f503e;
  --color-oxblood: #b13225;
  --color-burnt-sienna: #c97f40;
  --color-near-black: #081618;
  --color-pearl: #feccc0;
  --color-sage-mist: #99aa91;
  --color-carbon: #000000;
  --color-ink: #161616;
  --color-charcoal: #111111;
  --color-ash: #8d8d8d;
  --color-paper: #ffffff;

  /* Typography — Font Families */
  --font-helvetica-lt-pro: 'Helvetica Neue', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-helvetica: 'Helvetica', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Typography — Scale */
  --text-caption: 16px;
  --leading-caption: 1.6;
  --tracking-caption: -0.8px;
  --text-subheading: 21px;
  --leading-subheading: 1.2;
  --tracking-subheading: -1.05px;
  --text-heading: 75px;
  --leading-heading: 0.8;
  --tracking-heading: -3.75px;
  --text-display: 137px;
  --leading-display: 0.79;
  --tracking-display: -6.85px;

  /* Typography — Weights */
  --font-weight-regular: 400;

  /* Spacing */
  --spacing-unit: 4px;
  --spacing-20: 20px;

  /* Layout */
  --section-gap: 20px;
  --card-padding: 0px;
  --element-gap: 20px;

  /* Named Radii */
  --radius-page: 0px;
  --radius-tags: 0px;
  --radius-buttons: 0px;
  --radius-album-tiles: 0px;

  /* Surfaces */
  --surface-canvas: #e4822e;
  --surface-album-tile: #ffffff;
  --surface-dark-album-tile: #000000;
}
