/*
 * 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;
}