:root{
    --green-dark:#0A2820;
    --green:#10392C;
    --green-light:#1C5A3D;
    --paper:#F7EFDB;
    --paper-deep:#ECE0C2;
    --ink:#1B1812;
    --gold:#D9A441;
    --gold-light:#F0CD7A;
    --red:#B5392C;
    --red-dark:#8E2C22;
    --gray:#8C8266;

    --green-950:#0b1d16;
    --green-900:#133327;
    --green-850:#16392c;
    --green-800:#1c4634;
    --green-700:#235440;
    --cream-50:#fbf7ea;
    --cream-100:#f3ecd6;
    --cream-200:#e9dfc0;
    --gold-400:#e2c170;
    --gold-500:#d2a83f;
    --red-600:#c1392b;
    --red-700:#9e2e22;
    --ink-900:#23291f;
    --ink-600:#5b6457;
    --ink-400:#8b9286;
    --danger:#c1392b;
    --ok:#3c7a52;

    --font-display:"Fraunces", Georgia, serif;
    --font-body:"Inter", -apple-system, Segoe UI, sans-serif;
    --font-mono:"Space Mono", "Courier New", monospace;

    --radius-card:28px;
    --radius-field:12px;
    --ease:cubic-bezier(.4,0,.2,1);

    --cream:#f1ead6;
    --cream-dim:rgba(241,234,214,.7);
    --cream-faint:rgba(241,234,214,.45);
    --ink-soft:#5b5340;
    --gold:#d9a93f;
    --gold-light:#eccb73;
    --red:#a4302d;
    --red-dark:#852624;
    --line:rgba(255,255,255,.08);

    --bg-1:#0f1813;
    --bg-2:#152019;
    --bg-3:#1c2a21;


  }

/* Scrollbars */
*{
  scrollbar-width:thin;
  scrollbar-color:var(--gold) rgba(255,255,255,.06);
}
::-webkit-scrollbar{
  width:10px;
  height:10px;
}
::-webkit-scrollbar-track{
  background:rgba(255,255,255,.06);
  border-radius:10px;
}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, var(--gold-light), var(--gold));
  border-radius:10px;
  border:2px solid transparent;
  background-clip:padding-box;
}
::-webkit-scrollbar-thumb:hover{
  background:var(--gold-light);
  background-clip:padding-box;
}
::-webkit-scrollbar-corner{
  background:transparent;
}