/*
 * Theme · AC Monza (04 · section 4). Faithful to the approved PDF mockup; values to verify with the club brand kit.
 * Only tokens and a few targeted overrides: no layout logic lives here.
 */
@import url("../../shared/vendor/fonts/archivo/archivo.css");

:root {
  --c-brand: #E2001A;          /* white on it 4.94:1 · large numbers, accents, active nav */
  --c-brand-strong: #B80016;   /* buttons, small brand text · white 6.89:1 */
  --c-brand-soft: #FDE7EA;     /* FAN badge background · text in brand-strong 5.84:1 */
  --c-on-brand: #FFFFFF;
  --c-ink: #15171C;            /* text, dark footer */
  --c-ink-muted: #5B6573;      /* 5.9:1 on white */
  --c-surface: #FFFFFF;
  --c-canvas: #F5F5F6;
  --c-line: #E4E4E7;
  --c-success: #1F7A45;
  --c-warning: #9A5B00;
  --c-danger: #A3122A;         /* errors: darker and cooler than the club red, always with an icon */
  --c-focus: #B80016;

  --f-display: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-text: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fw-display: 850;
  --fwdth-display: 90%;

  --r-card: 12px;
  --r-control: 10px;
  --r-pill: 999px;

  /* Monza motifs: chevron on primary calls to action (as in the slides) and the red diagonal cut. */
  --cta-chevron: inline-block;
  --motif: linear-gradient(112deg, transparent 0 60%, #E2001A 60% 76%, #FFFFFF 76% 77%, #B80016 77% 100%);
}

/* Hero titles in the slides are heavy and slightly condensed. */
.hero__title { font-weight: 900; font-stretch: 88%; }
/* The header brand is the crest only, as in the mockup. */
.site-header__name { color: #B80016; }