:root{
  --bg:#F3F6F8;
  --surface:#E7ECEF;
  --surface-2:#FFFFFF;
  --border:#C6D1D8;
  --text:#131C2B;
  --text-muted:#4B5B6B;
  --blue:#1F6E9C;
  --blue-bright:#2E82B8;
  --clay:#A5522A;
  --clay-bright:#B86A3D;
  --mono-tag:#5A6B7A;
  --focus:#1F6E9C;
  --shadow: 0 1px 0 rgba(19,28,43,0.06);
  --shadow-1: 0 1px 2px rgba(19,28,43,0.05), 0 10px 26px -12px rgba(19,28,43,0.16);
  --shadow-2: 0 2px 6px rgba(19,28,43,0.07), 0 30px 54px -16px rgba(31,110,156,0.30);
  --sheen: rgba(255,255,255,0.55);
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);

  --font-display:"Century Gothic","Avenir Next","Segoe UI Semibold",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Segoe UI","Helvetica Neue",Arial,ui-sans-serif,system-ui,sans-serif;
  --font-mono:ui-monospace,"Cascadia Code","SF Mono","Roboto Mono",Consolas,monospace;

  --max:1180px;
  --gap:1.5rem;
}

@media (prefers-color-scheme: dark){
  :root{
    --bg:#0A0F1A;
    --surface:#121B2A;
    --surface-2:#182236;
    --border:#26374D;
    --text:#E7EEF3;
    --text-muted:#94A8BC;
    --blue:#5FA8D8;
    --blue-bright:#7CC0EA;
    --clay:#D98A55;
    --clay-bright:#E8A472;
    --mono-tag:#7C90A5;
    --focus:#7CC0EA;
    --shadow: 0 1px 0 rgba(0,0,0,0.4);
    --shadow-1: 0 1px 0 rgba(255,255,255,0.02) inset, 0 12px 32px -14px rgba(0,0,0,0.6);
    --shadow-2: 0 1px 0 rgba(255,255,255,0.04) inset, 0 0 0 1px rgba(124,192,234,0.12), 0 32px 64px -18px rgba(0,0,0,0.75);
    --sheen: rgba(255,255,255,0.07);
  }
}
:root[data-theme="dark"]{
  --bg:#0A0F1A;
  --surface:#121B2A;
  --surface-2:#182236;
  --border:#26374D;
  --text:#E7EEF3;
  --text-muted:#94A8BC;
  --blue:#5FA8D8;
  --blue-bright:#7CC0EA;
  --clay:#D98A55;
  --clay-bright:#E8A472;
  --mono-tag:#7C90A5;
  --focus:#7CC0EA;
  --shadow: 0 1px 0 rgba(0,0,0,0.4);
  --shadow-1: 0 1px 0 rgba(255,255,255,0.02) inset, 0 12px 32px -14px rgba(0,0,0,0.6);
  --shadow-2: 0 1px 0 rgba(255,255,255,0.04) inset, 0 0 0 1px rgba(124,192,234,0.12), 0 32px 64px -18px rgba(0,0,0,0.75);
  --sheen: rgba(255,255,255,0.07);
}
:root[data-theme="light"]{
  --bg:#F3F6F8;
  --surface:#E7ECEF;
  --surface-2:#FFFFFF;
  --border:#C6D1D8;
  --text:#131C2B;
  --text-muted:#4B5B6B;
  --blue:#1F6E9C;
  --blue-bright:#2E82B8;
  --clay:#A5522A;
  --clay-bright:#B86A3D;
  --mono-tag:#5A6B7A;
  --focus:#1F6E9C;
  --shadow: 0 1px 0 rgba(19,28,43,0.06);
  --shadow-1: 0 1px 2px rgba(19,28,43,0.05), 0 10px 26px -12px rgba(19,28,43,0.16);
  --shadow-2: 0 2px 6px rgba(19,28,43,0.07), 0 30px 54px -16px rgba(31,110,156,0.30);
  --sheen: rgba(255,255,255,0.55);
}