/* tommynyquist.com — design tokens. THE canonical palette for the site.
   Consumers: _layouts/default.html (whole Jekyll site), lab projects
   (link this file directly), and the /styleguide/ page.
   EXCEPTION: 4×3 (games/fourbythree/fourbythree.css) keeps its own mirrored
   copy on purpose — those pages are contractually self-contained. If you
   change a value here, mirror it there (and vice versa). */
:root{
  /* surfaces */
  --bg:        #fbf5ea;   /* warm paper */
  --card:      #ffffff;
  --tile:      #fffdf7;
  --line:      rgba(2, 48, 71, .18);   /* hairlines */

  /* ink & accents */
  --ink:       #023047;   /* navy — text, borders, shadows */
  --muted:     #5c677d;
  --accent:    #E76F51;   /* coral */
  --btn:       #fb8500;   /* orange CTA */
  --btn-hover: #ffb703;   /* amber hover */
  --bad:       #c0392b;   /* errors / mistakes */
  --gold:      #e7b416;

  /* deltas (up/down/unchanged — rankings, diffs, stats) */
  --up:        #1e7d43;
  --up-bg:     #e3f4e8;
  --down:      #c0392b;
  --down-bg:   #fbe9e5;
  --flat:      #8a94a6;

  /* shape */
  --r-tile:    10px;
  --r-card:    14px;
  --shadow-card: 6px 6px 0 var(--ink);
  --shadow-el:   3px 3px 0 var(--ink);
  --shadow-soft: 3px 3px 0 rgba(2, 48, 71, .14);

  /* type — pages load the fonts themselves (Google Fonts or self-hosted) */
  --font-ui:   "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-disp: "Libre Baskerville", Georgia, "Times New Roman", serif;
}