/* Design tokens — dark-first, light overrides via [data-theme="light"]. */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-latin-700-normal.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  /* dark = default */
  --bg: #0c0b09;
  --bg-raised: #14120e;
  --bg-overlay: rgba(12, 11, 9, .78);
  --ink: #ede8dd;
  --ink-dim: #9a917f;
  --gold: #c9a35c;
  --gold-bright: #e6c98a;
  --gold-soft: rgba(201, 163, 92, .14);
  --hairline: #2a261e;
  --danger: #c96a5c;
  --ok: #7fa87a;

  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: 220ms;
  --dur-fast: 150ms;

  --shadow-card: 0 10px 32px rgb(0 0 0 / .35);
  --shadow-modal: 0 24px 80px rgb(0 0 0 / .55);
  --shadow-bar: 0 -8px 32px rgb(0 0 0 / .4);

  --radius: 10px;
  --radius-sm: 6px;
  --container: 1080px;

  color-scheme: dark;
}

[data-theme="light"] {
  --bg: #faf7f1;
  --bg-raised: #ffffff;
  --bg-overlay: rgba(250, 247, 241, .82);
  --ink: #1c1914;
  --ink-dim: #6e6558;
  --gold: #9a7a34;
  --gold-bright: #7c6128;
  --gold-soft: rgba(154, 122, 52, .1);
  --hairline: #e4ddd0;
  --danger: #a8493c;
  --ok: #4d7a47;

  --shadow-card: 0 10px 28px rgb(28 25 20 / .08);
  --shadow-modal: 0 24px 64px rgb(28 25 20 / .18);
  --shadow-bar: 0 -8px 28px rgb(28 25 20 / .1);

  color-scheme: light;
}