/* world.css — the warm editorial palette.
   One source of truth for colour, consumed by base.css, authority.css and
   blog.css through aliases in their own :root blocks. Linked from the root
   layout so it loads before every route group's own stylesheet. */

:root {
  /* The headers own width. Deliberately not --max: route groups redefine
     that for their page bodies, which would render the same header at a
     different width per route. */
  --rail-max: 1200px;
  /* ---- page & surface ---- */
  --page:     #FCF8EF;
  --surface:  #FFFFFF;

  /* ---- ink ---- */
  --ink:      #123A49;   /* primary text — 11.47:1 on cream */
  --ink-soft: #4A646E;   /* secondary text — 5.93:1 on cream */
  --ink-rgb:  18, 58, 73;

  /* ---- accent ---- */
  --teal:        #27786D; /* primary accent — 4.96:1 on cream, white on it 5.26:1 */
  --teal-bright: #2E8B7F; /* decorative only — 3.87:1 on cream */
  --teal-rgb:    39, 120, 109;
  --coral:       #C43F26; /* links — 4.85:1 on cream, white on it 5.14:1 */
  --coral-rgb:   196, 63, 38;
  --amber:       #E9A63A; /* decorative only — ink on amber 5.78:1 */
  --amber-rgb:   233, 166, 58;

  /* ---- structure ---- */
  --rule:    #E6DCC8;
  --rule-rgb: 230, 220, 200;

  /* ---- derived ---- */
  --focus:   #27786D;
  --shadow-rgb: 18, 58, 73;

  /* ---- display type ---- */
  --display: 'Outfit', 'Instrument Sans', system-ui, sans-serif;
}