/* Quantum Camp — shared fonts + theme tokens */
@font-face {
  font-family: "PPNeueMontreal";
  src: url("./fonts/ppneuemontreal-book.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "PPNeueMontreal";
  src: url("./fonts/ppneuemontreal-italic.otf") format("opentype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "PPNeueMontreal";
  src: url("./fonts/ppneuemontreal-medium.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "PPNeueMontreal";
  src: url("./fonts/ppneuemontreal-bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Benzin";
  src: url("./fonts/benzin-regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Benzin";
  src: url("./fonts/benzin-bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gerhaus";
  src: url("./fonts/Gerhaus.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

:root {
  --serif: "Benzin", Georgia, serif;
  --accent-font: "Gerhaus", Georgia, serif;
  --sans: "PPNeueMontreal", system-ui, sans-serif;
}

/* ═══ LIGHT (Ivory & Gold) ═══ */
html[data-theme="light"] {
  --gold:   #A9824F;
  --gold-2: #C9A56C;
  --gold-d: #8C6B3E;
  --ink:    #211C15;
  --text:   #4B4132;
  --muted:  #8B7F6C;
  --hair:        rgba(169,130,79,.28);
  --hair-soft:   rgba(169,130,79,.14);
  --bg-1: #F7F3EA;
  --bg-2: #EFE6D3;
  --bg-3: #E6D9BE;
  --surface: rgba(255,255,255,.5);
  --canvas-particle: 169,130,79;
  --toast-bg: #211C15;
  --toast-fg: #F1E9D8;
  --danger: #A8432F;
}

/* ═══ DARK (Onyx & Gold) ═══ */
html[data-theme="dark"] {
  --gold:   #C9A56C;
  --gold-2: #E3C48D;
  --gold-d: #E3C48D;
  --ink:    #F3ECDD;
  --text:   #D9CDB6;
  --muted:  #9C8F76;
  --hair:        rgba(201,165,108,.28);
  --hair-soft:   rgba(201,165,108,.14);
  --bg-1: #131009;
  --bg-2: #1B160D;
  --bg-3: #241D10;
  --surface: rgba(255,255,255,.04);
  --canvas-particle: 227,196,141;
  --toast-bg: #E3C48D;
  --toast-fg: #171208;
  --danger: #E28068;
}

html { background: var(--bg-1); }

body {
  background:
    radial-gradient(110% 70% at 85% -5%, var(--bg-2) 0%, transparent 55%),
    radial-gradient(80% 60% at 8% 8%, var(--bg-1) 0%, transparent 55%),
    linear-gradient(168deg, var(--bg-1) 0%, var(--bg-2) 55%, var(--bg-3) 100%);
  background-attachment: fixed;
  transition: background .4s ease;
}