/*
 * Edition CH design tokens
 * Extracted 1:1 from cloud-migration.ch (Webflow CSS, :root variables).
 * Variable names follow the INNOQ CI palette names used on the site.
 */
:root {
  /* Core palette */
  --salmon-red: #c0442d;      /* brand primary, dark accents, headings */
  --bonfire-red: #f77a56;     /* interaction: hovers, buttons, card cycle.
                                 Canonical per CI decision 2026-07; the live
                                 site still uses the legacy value #f27854. */
  --dutch-coral: #ff9c66;     /* marker/highlight fills, boxed text */
  --night-black: #222327;     /* primary text color */
  --dark: #242424;            /* navbar / dark section background */
  --porcelain-grey: #dbddd7;  /* light section background */
  --apollo-beige: #e5e4df;    /* alternate light section background */
  --ash-beige: #c2b9a8;       /* footer + card background */
  --errigal-white: #f2f2f2;   /* off-white text on dark */
  --innoq-white: #ffffff;
  --schweiz-red: #d15a44;     /* red of the INNOQ-Schweiz logos (SVG fill) */

  /* Semantic aliases */
  --brand-primary: var(--salmon-red);
  --brand-interaction: var(--bonfire-red);
  --brand-highlight: var(--dutch-coral);
  --text-color: var(--night-black);
  /* Petrol (#004153) dropped per CD decision 2026-09-18: no blue tone in the
     palette. Former petrol roles (hero heading, secondary text, text-on-coral)
     now use salmon-red or night-black, chosen per surface below. */
  --text-color-secondary: var(--salmon-red);

  /* Type */
  --font-heading: 'Mark Pro', sans-serif;      /* weights 400/700/900 */
  --font-serif: 'Freight Text', Georgia, serif; /* subheadings, italic */

  /* Rhythm (desktop values from the live site) */
  --section-padding-y: 40px;        /* .section */
  --intro-padding-y: 100px;         /* .intro-section */
  --card-padding: 30px 40px;        /* teaser + post cards */
  --grid-gap: 64px;                 /* card grids (35px <=991px, 16px posts) */
}