/* p4stoboy — shared core
   Minimal foundation: tokens, fonts, reset.
   Each variant overrides aggressively on top.
*/
*,*::before,*::after { box-sizing: border-box; }
html,body { margin:0; padding:0; }
img,svg,canvas { display:block; max-width:100%; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
a { color: inherit; text-decoration: none; }

:root {
  --bone:    #ece6d8;
  --bone-2:  #e2dbcb;
  --bone-3:  #d3cab7;
  --ink:     #16130e;
  --ink-2:   #38322a;
  --ink-3:   #6e6457;
  --ink-4:   #a89e8d;
  --rule:    #16130e;
  --accent:  #fb4b19;

  --mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --sans:    "Space Grotesk", -apple-system, system-ui, sans-serif;
  --serif:   "Newsreader", "Times New Roman", serif;
}

[data-theme="ink"] {
  --bone:    #0a0907;
  --bone-2:  #14110c;
  --bone-3:  #1f1a13;
  --ink:     #ece6d8;
  --ink-2:   #c9c0ad;
  --ink-3:   #857c6c;
  --ink-4:   #4a463c;
  --rule:    #ece6d8;
}

::selection { background: var(--ink); color: var(--bone); }
.mono { font-family: var(--mono); font-feature-settings: "zero","ss01"; }
.tnum { font-variant-numeric: tabular-nums; }