/* ==========================================================================
   pawngrubber.com — design tokens
   ========================================================================== */

:root {
  /* board-derived accent family */
  --board-light: #f0d9b5;
  --board-dark:  #b58863;
  --accent:      #e0a458;
  --accent-soft: rgba(224, 164, 88, .14);
  --on-accent:   #171004;
  --live:        #ff4d4d;
  --twitch:      #9146ff;

  --bg:          #0e1013;
  --bg-2:        #14171c;
  --surface:     #171b21;
  --surface-2:   #1d222a;
  --line:        rgba(255, 255, 255, .09);
  --line-strong: rgba(255, 255, 255, .16);
  --text:        #e9e6e1;
  --text-2:      #a5a49f;
  --text-3:      #8d8c87;

  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;

  --maxw: 1140px;
  --r: 12px;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 12px 32px -12px rgba(0,0,0,.55);
  --header-h: 62px;
}

html[data-theme="light"] {
  --bg:          #faf7f2;
  --bg-2:        #f2ede4;
  --surface:     #ffffff;
  --surface-2:   #f6f1e9;
  --line:        rgba(24, 20, 14, .12);
  --line-strong: rgba(24, 20, 14, .22);
  --text:        #1b1815;
  --text-2:      #5d564d;
  --text-3:      #6f675d;
  --accent:      #9f6626;
  --accent-soft: rgba(159, 102, 38, .12);
  --on-accent:   #ffffff;
  --shadow: 0 1px 2px rgba(60,45,25,.06), 0 12px 28px -14px rgba(60,45,25,.22);
}