/* ============================================================
   theme.css: THE site theme (promoted from candidate A).
   "Editorial warm": warm off-white ground, white cards,
   blue + orange accents. Extends the research-deck design.
   All text colours verified >= 4.5:1 against their background.
   ============================================================ */
:root {
  /* Ground */
  --page:        #f0efec;
  --surface:     #ffffff;
  --surface-2:   #f7f6f3;
  --nav-bg:      rgba(240, 239, 236, 0.82);

  /* Ink: ink-3 is 4.8:1 on --page, so it is safe for body text */
  --ink:    #14130f;
  --ink-2:  #45433d;
  --ink-3:  #6b6860;

  /* Lines */
  --line:        #dedcd4;
  --line-strong: #c3c0b5;

  /* Primary accent: blue */
  --accent:       #2a78d6;
  --accent-hover: #2266bb;
  --link:         #1f5fad;   /* darker than --accent: 5.6:1 on page, 6.4:1 on white */
  --accent-soft:  #e3edfb;
  --on-accent:    #ffffff;

  /* Secondary accent: orange */
  --accent-2:       #eb6834;
  --accent-2-soft:  #fbe7dd;
  --accent-2-text:  #b8471a;  /* 5.3:1 on white */


  /* Tertiary accents, used by deck components that need four colour slots.
     Text variants are darkened to clear 4.5:1 on white. */
  --accent-3:       #1a9e8f;   /* teal, fills */
  --accent-3-soft:  #ddf1ee;
  --accent-3-text:  #14796d;   /* 5.3:1 on white */
  --accent-4:       #6b3fd4;   /* violet, fills */
  --accent-4-soft:  #e9e3fb;
  --accent-4-text:  #6b3fd4;   /* 6.4:1 on white */

  /* Type */
  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body:    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Shape */
  --r-sm:   6px;
  --r-md:   9px;
  --r-lg:   14px;
  --r-pill: 999px;

  --shadow-1: 0 1px 2px rgba(20, 19, 15, 0.05), 0 1px 3px rgba(20, 19, 15, 0.04);
  --shadow-2: 0 8px 26px rgba(20, 19, 15, 0.10);
}

/* Cards sit on a warm ground, so a hairline plus soft shadow is enough. */
.card { border-color: #e8e6e0; }