/* Careno color tokens — sampled from the brand manual (CARENO AS 1.pdf) */
:root {
  /* Base palette */
  --navy: #1d2a38;          /* Careno Navy — primary brand color */
  --navy-deep: #14202c;     /* darker shade for hovers / footers */
  --bone: #f4f1ec;          /* Bone — warm off-white paper */
  --paper: #fefdfc;         /* near-white */
  --greige: #d2cbc2;        /* warm grey — borders, dividers, muted surfaces */
  --stone: #6f767d;         /* cool grey — secondary text on light */
  --cream: #ffead0;         /* warm cream — sparing accent (dusk light) */
  --white: #ffffff;
  --black: #000000;

  /* Semantic — text */
  --text-strong: var(--navy);
  --text-body: #35414e;               /* navy softened for running text */
  --text-muted: var(--stone);
  --text-on-dark: var(--bone);
  --text-on-dark-muted: rgba(244, 241, 236, 0.66);

  /* Semantic — surfaces */
  --surface-page: var(--bone);
  --surface-card: var(--paper);
  --surface-dark: var(--navy);
  --surface-dark-raised: #243342;
  --surface-muted: #ece7e0;

  /* Semantic — interactive */
  --action-primary: var(--navy);
  --action-primary-hover: var(--navy-deep);
  --action-on-primary: var(--bone);
  --focus-ring: rgba(29, 42, 56, 0.35);

  /* Semantic — lines */
  --border-subtle: var(--greige);
  --border-on-dark: rgba(244, 241, 236, 0.25);
}