/*
 * SAINO design tokens. Single source of truth for the IG R1 values.
 *
 * This is the only file in the theme allowed to contain colour literals;
 * tools/lint_tokens.py enforces that. Change the palette here, nowhere else.
 */

:root {
  /* Palette. 60/30/10 split: neutrals carry the page, indigo carries the
     structure, vermilion is reserved for the primary CTA and nothing else. */
  --indigo: #1B3A5B;
  --indigo-deep: #12293F;
  --vermilion: #C8442E;
  --vermilion-deep: #A9351F;
  --teal: #2E7D6B;

  /* Section backgrounds alternate between exactly these two. No third
     background, no gradients. */
  --white: #FFFFFF;
  --paper: #F4F1E9;

  --ink: #1F2933;
  --ink-mute: #5B6873;
  --rule: #DFDAD0;

  /* On the brand photograph heroes. Those are the only dark surfaces on the
     site, so the counterparts to ink/ink-mute/rule live here rather than being
     written inline wherever a dark section appears. */
  --on-dark: #FFFFFF;
  --on-dark-mute: #C7D0DA;
  --rule-on-dark: #55708C;
  --hero-scrim: 0.38;    /* kept in step with SCRIM_ALPHA in tools/make_hero_images.py */

  /* Layout */
  --container: 1200px;
  --columns: 12;
  --gutter: 24px;
  --radius: 2px;

  /* Type */
  --base: 16px;
  --h1: 40px;
  --h2: 28px;
  --h3: 20px;
  --weight-medium: 500;
  --weight-semibold: 600;
  --lh-base: 1.8;
  --lh-ja: 1.9;
  --tracking-wordmark: 0.16em;

  /* Chrome */
  --header-h: 72px;
  --header-h-scrolled: 56px;

  /* Placeholder highlight. Amber marks content that has not been confirmed by
     the client yet and must never reach production as-is. */
  --placeholder-bg: #FDF3D8;
  --placeholder-ink: #7A5B12;
  --placeholder-rule: #E4C878;

  /* Data-request block. Red marks a section whose content does not exist yet and
     must be supplied by a named person. Deliberately louder than the amber
     placeholder: these are handed to the client as a chase-up list, and they
     must never survive to launch (SAINO_SHOW_DATA_REQUESTS = false). */
  --req-bg: #FFF5F5;
  --req-rule: #D93025;
  --req-ink: #A8221B;
  --req-ink-soft: #5F1712;
  --req-ink-muted: #8A4A44;
  --req-on-rule: #FFFFFF;
  --req-print: #000000;

  /* Form validation. A failed field needs a colour that is unmistakably "wrong"
     but is not the vermilion CTA (reserved) nor the amber placeholder marker.
     Muted brick, distinct from both. */
  --error-rule: #C0392B;
  --error-ink: #8C2A20;
}