/* Colour primitives — salamcendekia-blog
 *
 * TAKEN VERBATIM FROM THE LIVE LANDING PAGES, not designed here.
 *
 * Source: salamcendekia-util/tools/systeme/landing-pages/landing-a/page.html,
 * the file Marketing pastes into systeme.io. Fourteen named `--sc-*` custom
 * properties, already a coherent set: three backgrounds, two navies, two
 * blues, two yellows, three text tiers, a border.
 *
 * WHY VERBATIM AND NOT REDERIVED. The blog sits one subdomain away from those
 * pages, and a reader moving between them should not see two brands. Every
 * value here is therefore the value already shipping, byte for byte. Round
 * them "for consistency" and the two surfaces drift.
 *
 * WHY NOT `systems/base`. Its palette makes `--primary` YELLOW — a deliberate
 * scarcity decision recorded in `brand/palette.md`. The landing pages use BLUE
 * for calls to action and yellow as accent. Both are defensible; they are not
 * the same product surface, and this system follows the one the blog is
 * adjacent to.
 *
 * The names are kept as they appear at source rather than remapped to
 * `--blue-500`-style scales. There is no scale here to speak of — fourteen
 * chosen values, not a ramp — and inventing step numbers would imply
 * interpolation that was never designed.
 */

:root {
  /* Surfaces */
  --sc-bg: #ffffff;
  --sc-bg-soft: #f4f8fe;
  --sc-bg-cream: #fffcec;

  /* Brand blues. Navy carries headings and structure; blue carries action. */
  --sc-navy: #1c376c;
  --sc-navy-dark: #15295a;
  --sc-blue: #3267c3;
  --sc-blue-light: #458eed;

  /* Accent. Scarce by intent — highlights and emphasis, not primary action. */
  --sc-yellow: #fedd40;
  --sc-yellow-soft: #fff3a0;
  /* The hover tier, taken verbatim from the main site's header CTA -- the same
     source every other colour in this file came from. #114 needed it when the
     blog's header adopted that pill: a hover that only reused `--sc-yellow`
     would be a button with no pressed state, and darkening it in the component
     would be a literal where a token belongs. */
  --sc-yellow-deep: #e8c41c;

  --sc-white: #ffffff;

  /* Text, three tiers. `--sc-text` is near-black with a blue cast rather than
     pure #000: it sits better against the navy headings than a true black. */
  --sc-text: #1a2540;
  --sc-text-muted: #4a5878;
  --sc-text-subtle: #7a8aa8;

  --sc-border: #e4eaf3;
}