/* synced from portfolio's fredrika theme (nulljosh.github.io/tokens-fredrika.css), 2026-07-14 */
/* Kernel Sans for display and body (our Geist cut, fonts/KernelSans-*), Kernel gold for actions. */
@font-face { font-family:"Kernel Sans"; src:url("/fonts/KernelSans-Regular.woff2") format("woff2"); font-weight:400; font-display:swap; }
@font-face { font-family:"Kernel Sans"; src:url("/fonts/KernelSans-Medium.woff2") format("woff2"); font-weight:500; font-display:swap; }
@font-face { font-family:"Kernel Sans"; src:url("/fonts/KernelSans-Semibold.woff2") format("woff2"); font-weight:600; font-display:swap; }
@font-face { font-family:"Kernel Sans"; src:url("/fonts/KernelSans-Bold.woff2") format("woff2"); font-weight:700; font-display:swap; }
@font-face { font-family:"Kernel Sans"; src:url("/fonts/KernelSans-Italic.woff2") format("woff2"); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:"Kernel Sans"; src:url("/fonts/KernelSans-BoldItalic.woff2") format("woff2"); font-weight:700; font-style:italic; font-display:swap; }

:root {
  --bg: #fcfcfc;
  --bg2: #f5f5f5;
  --text: #0a0a0a;
  --text2: rgba(10,10,10,0.57);
  --text3: rgba(10,10,10,0.55);
  --accent: #a56200;
  --accent2: #d4d4d4;
  --accent-dot: #a56200;
  --border: #f0f0f0;
  --border2: #e5e5e5;

  --font-display: 'Kernel Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body: 'Kernel Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font: var(--font-body);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 100px;

  --shadow-sm: 0 1px 4px rgba(10,10,10,0.08);
  --shadow-md: 0 4px 14px rgba(10,10,10,0.12);
  --shadow-lg: 0 8px 28px rgba(10,10,10,0.16);

  --spring: cubic-bezier(0.34,1.56,0.64,1);
  --ease: cubic-bezier(0.16,1,0.3,1);

  --cell0: #ede0d0;
  --cell1: #fde68a;
  --cell2: #F9C31F;
  --cell3: #f05c2a;
  --cell4: #E4002B;
}

[data-theme="dark"] {
  --bg: #0a0a0a;
  --bg2: #121212;
  --text: #fafafa;
  --text2: rgba(250,250,250,0.47);
  --text3: rgba(250,250,250,0.55);
  --accent: #f5b83d;
  --border: #1d1d1d;
  --border2: #262626;
  --cell0: #2a2118;
  --cell1: #7a5c1a;
  --cell2: #F9C31F;
  --cell3: #f05c2a;
  --cell4: #E4002B;
}

/* Sepia: warm paper for long reading, chosen in the reader. */
[data-theme="sepia"] {
  --bg: #f4ecd8;
  --bg2: #ebe0c6;
  --text: #3b2f20;
  --text2: rgba(59,47,32,0.72);
  --text3: rgba(59,47,32,0.6);
  --accent: #8a5200;
  --border: #e2d5b8;
  --border2: #d6c7a3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="sepia"]) {
    --bg: #0a0a0a;
    --bg2: #121212;
    --text: #fafafa;
    --text2: rgba(250,250,250,0.47);
    --text3: rgba(250,250,250,0.55);
    --accent: #f5b83d;
    --border: #1d1d1d;
    --border2: #262626;
  }
}