:root {
  --ivory: #F3E9D8;
  --travertine: #D8C3A5;
  --taupe-light: #A8947C;
  --brass: #B18A50;
  --espresso: #292520;
  --taupe: #76604B;
  --error: #B3261E;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  --radius: 0;
  --radius-btn: 2px;

  --focus-width: 2px;
  --focus-offset: 2px;
  --target: 44px;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-arabic: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;

  --maxw: 1440px;
  --header-h: 64px;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../vendor/fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../vendor/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../vendor/fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: optional;
}
@font-face {
  font-family: "Inter";
  src: url("../vendor/fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Inter";
  src: url("../vendor/fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../vendor/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../vendor/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}
:root {
  --motion-ui: 200ms;
  --motion-camera: 1600ms;
  --line: 1px;
  --veil: rgba(41, 37, 32, .36);
  --swatch-rose: #d7a6ac;
  --swatch-rouge: #9b2532;
}

/* Semantic aliases keep the established light palette byte-equivalent. */
:root { --primary-bg: #292520; --primary-fg: #F3E9D8; }
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] {
  color-scheme: dark;
  --ivory: #1B1815;
  --espresso: #F3E9D8;
  --travertine: #D8C3A5;
  --taupe: #D8C3A5;
  --taupe-light: #D8C3A5;
  --brass: #C9A46A;
  --error: #F3E9D8;
  --primary-bg: #F3E9D8;
  --primary-fg: #292520;
  --glass-bar-bg: rgba(41,37,32,.38);
  --glass-bar-highlight: linear-gradient(165deg,rgba(255,255,255,.025),transparent 32%);
  --glass-bar-rim: #C9A46A;
  --glass-bar-blur: blur(20px) saturate(160%);
  --glass-bar-shadow: inset 0 0 0 1px rgba(255,255,255,.18), inset 0 -1px 0 rgba(201,164,106,.25), 0 12px 36px rgba(0,0,0,.28);
  --glass-tint: rgba(41,37,32,.38);
  --glass-text-safe: rgba(41,37,32,.38);
  --glass-field: rgba(41,37,32,.38);
  --glass-light: rgba(255,255,255,.18);
  --glass-brass: rgba(201,164,106,.25);
}