/* The Observer — colour system
   Six editorial sections each carry a hue with Dark / base / Light / Tint
   steps. The brand errs toward the brighter "Light" step for section
   dividers, tags and accents — see --section-* aliases below.
   Values copied verbatim from the Colour-palette page; do not round. */
:root {
  /* ---- Orange (News / primary) ---- */
  --orange-dark: #983F03;   /* link colour, "New not implemented" per source */
  --orange: #C85000;
  --orange-light: #F99A0A;  /* primary brand colour */
  --orange-tint: #FDF0E4;

  /* ---- Purple (Culture) ---- */
  --purple-dark: #55466F;
  --purple: #857BB0;
  --purple-light: #B5B0D0;
  --purple-tint: #F0F0F7;

  /* ---- Red (Style/Lifestyle) ---- */
  --red-dark: #511A22;
  --red: #A93949;
  --red-light: #FF505A;
  --red-tint: #FEDDE1;

  /* ---- Blue (Ideas) ---- */
  --blue-dark: #497099;
  --blue: #70A9D9;
  --blue-light: #AAD9FF;
  --blue-tint: #E5F3FF;

  /* ---- Green (Sport) ---- */
  --green-dark: #467095;
  --green: #639383;
  --green-light: #A0D0C0;
  --green-tint: #D6E6E0;

  /* ---- Yellow (Food) ---- */
  --yellow-dark: #9F7000;
  --yellow: #B09A09;
  --yellow-light: #E0E00A;
  --yellow-tint: #FFFFE0;

  /* ---- System / utility ---- */
  --error: #F00000;
  --error-tint: #FCCCCC;
  --success: #3BA907;
  --success-tint: #DBF1D1;
  --warning: #FFBF00;
  --warning-tint: #FFF2CC;
  --info-blue: #0000FF;
  --info-blue-tint: #CCCCFF;

  /* ---- Neutrals (measured off the file: 904/611/407/407/168 use-counts) ---- */
  --black: #000000;
  --ink: #333333;       /* body text */
  --grey-dark: #666666; /* secondary text, meta, labels */
  --grey: #A8A8A8;      /* borders, dividers, disabled */
  --grey-light: #D3D1E7;
  --grey-mist: #F0EAE6; /* warm off-white panel bg */
  --white: #FFFFFF;

  /* ---- Section aliases (divider / accent colour per vertical) ---- */
  --section-news: var(--orange-light);      /* #F99A0A */
  --section-culture: var(--purple-light);   /* #B5B0D0 */
  --section-style: var(--red-light);        /* #FF505A */
  --section-ideas: var(--blue-light);       /* #AAD9FF */
  --section-sport: var(--green-light);      /* #A0D0C0 */
  --section-food: var(--yellow-light);      /* #E0E00A */

  /* ---- Semantic aliases ---- */
  --text-primary: var(--ink);
  --text-secondary: var(--grey-dark);
  --text-inverse: var(--white);
  --text-link: var(--orange-dark);
  --surface-page: var(--white);
  --surface-sunken: var(--grey-mist);
  --surface-inverse: var(--black);
  --border-default: var(--grey);
  --border-hairline: rgba(0, 0, 0, 0.1);
  --brand-primary: var(--orange-light);   /* #F99A0A */
  --brand-cta: var(--orange);             /* #C85000 — filled CTA background */
  --shadow-soft: rgba(0, 0, 0, 0.06);
  --shadow-medium: rgba(0, 0, 0, 0.1);
}