/*
 * shared.css — design tokens for the UWP ecosystem
 *
 * Two palettes, one system:
 *   Light (company site):  warm off-white bg, dark ink, red accent
 *   Dark  (personal/blog/merch/cv): deep navy bg, warm white, amber accent
 *
 * All pages import this file and reference these tokens.
 * Never hardcode a color or font that belongs here.
 */

:root {
  /* ── DARK PALETTE ── */
  --dark-bg:        #0d1b2a;   /* page background */
  --dark-bg-mid:    #162333;   /* sidebar, card backgrounds */
  --dark-bg-light:  #1e2f42;   /* focus cards, elevated surfaces */
  --dark-bg-deep:   #080f18;   /* deeper bg — used behind CV document */
  --dark-border:    #243548;
  --dark-border2:   #1e3550;

  --dark-ink:       #f0ede8;   /* primary text */
  --dark-muted:     #8a9bb0;   /* secondary text */
  --dark-dim:       #4a6070;   /* tertiary text, decorative */

  --amber:          #e8a020;   /* primary accent (dark palette) */
  --amber-dim:      #c47d10;   /* secondary accent, org names */

  /* ── LIGHT PALETTE ── */
  --light-bg:       #f5f2ed;   /* page background */
  --light-border:   #d9d4cc;
  --light-dim:      #b0aca5;   /* tertiary text */
  --light-mid:      #6b6b6b;   /* secondary text */
  --light-ink:      #0e0e0e;   /* primary text */

  --red:            #c8440a;   /* primary accent (light palette) */

  /* ── SHARED ── */
  /* The two accents are intentionally distinct per palette.
     amber = dark pages, red = light pages. */

  /* ── TYPOGRAPHY ── */
  --font-syne:      'Syne', sans-serif;
  --font-mono:      'Syne Mono', monospace;
  --font-serif:     'DM Serif Display', Georgia, serif;
  --font-sans:      'DM Sans', system-ui, sans-serif;
}