/*
 * OneTrueNumber brand primitives — docs/BRAND.md says what each is for.
 *
 * The ONE place the brand's colours and display face are defined. The app
 * (tailwind/application.css) and the landing (landing.css) point their own
 * tokens at these instead of repeating hex values: each used to keep its
 * own copy, and the two had drifted apart.
 *
 * Primitives only — they do not change with the theme. Which primitive a
 * surface uses in dark is the app's and the landing's decision, made in
 * their own token blocks. Loaded by both layouts (the app picks up every
 * file here through stylesheet_link_tag :app; the landing names it).
 */
:root {
  /* Tinta: the app bar, the hero, the icon's tile. */
  --brand-ink: #0E1726;
  --brand-ink-raised: #1E2A40;
  --brand-ink-hairline: #283552;

  /* Papel: the landing's light ground, and the "1" in the mark. */
  --brand-paper: #F5F6FA;

  /* Cobalto: the single accent. Strong is its hover, soft its tint, light
     the same hue on ink (7:1 there) and the mark's double rule. */
  --brand-cobalt: #2E47D9;
  --brand-cobalt-strong: #2337B8;
  --brand-cobalt-soft: #E3E7FC;
  --brand-cobalt-light: #8C9CFF;

  /* Headlines and the wordmark. Never body text, never figures. */
  --brand-font-display: "Schibsted Grotesk", "Inter", system-ui, sans-serif;
}

/* Latin subset (covers Spanish and Portuguese: ñ, ã, õ, ç), 400–900. */
@font-face {
  font-family: "Schibsted Grotesk";
  src: url("/assets/SchibstedGroteskVariable-latin-1061523f.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}