/* ==========================================================================
   theme.css — design tokens only
   Nothing but custom properties lives in this file. Change a value here and
   every page changes with it. Loaded first on every page.
   ========================================================================== */

:root {
  /* Backgrounds — warm, paper-like neutrals */
  --bg:      #FAF3EE;
  --bg2:     #FBFAF7;
  --bg3:     #EAECE9;

  /* Typography — deep ink and quiet secondary text */
  --text:    #20292E;
  --muted:   #606B70;
  --faint:   #B7C0C1;

  /* Accents — mineral blue with restrained copper */
  --accent:  #6D8796;
  --accent2: #4D6979;
  --copper:  #B47A5C;

  /* Structural elements */
  --navy:    #263A44;
  --navy-hi: #243660;   /* hover state for navy buttons */
  --rule:    #D9DEDC;

  /* Surfaces */
  --nav-bg:  rgba(250, 243, 238, 0.92);
  --shadow:  0 2px 16px rgba(27, 42, 74, 0.07);

  /* Type and layout */
  --serif:   'DM Serif Display', Georgia, serif;
  --sans:    'Inter', system-ui, sans-serif;
  --max:     700px;
  --pad:     clamp(20px, 5vw, 44px);
}