:root {
  color-scheme: dark;
  --bg: #24262b;
  --surface: #2d3036;
  --surface-2: #343840;
  --surface-soft: rgba(255,255,255,.035);
  --text: #f7f3ea;
  --text-soft: #b9bcc4;
  --text-faint: #8e929b;
  --accent: #d5b36a;
  --accent-strong: #e2c27f;
  --accent-ink: #2a2418;
  --border: rgba(255,255,255,.09);
  --border-strong: rgba(255,255,255,.16);
  --shadow: 0 24px 80px rgba(0,0,0,.22);
  --glow: rgba(213,179,106,.16);
  --grid: rgba(255,255,255,.038);
  --header: rgba(36,38,43,.76);
  --header-solid: rgba(36,38,43,.94);
  --instagram-a: rgba(212, 82, 128, .24);
  --instagram-b: rgba(104, 87, 211, .18);
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --shell: min(1180px, calc(100% - 40px));
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ease: cubic-bezier(.2,.7,.2,1);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f0e8;
  --surface: #ffffff;
  --surface-2: #ebe6dc;
  --surface-soft: rgba(36,38,43,.03);
  --text: #24262b;
  --text-soft: #666a72;
  --text-faint: #888b91;
  --accent: #a77b30;
  --accent-strong: #825c20;
  --accent-ink: #fffaf0;
  --border: rgba(36,38,43,.12);
  --border-strong: rgba(36,38,43,.21);
  --shadow: 0 24px 80px rgba(62,52,34,.12);
  --glow: rgba(167,123,48,.13);
  --grid: rgba(36,38,43,.05);
  --header: rgba(244,240,232,.76);
  --header-solid: rgba(244,240,232,.94);
  --instagram-a: rgba(212,82,128,.13);
  --instagram-b: rgba(104,87,211,.10);
}