/* Brand tokens — mirrored from app/globals.css */

:root,
[data-theme="dark"] {
  --background: #0d0d1a;
  --foreground: #d9d9d9;
  --muted: #a9a093;
  --muted-dim: rgba(169, 160, 147, 0.5);
  --muted-footer: rgba(169, 160, 147, 0.6);
  --border: #252a45;
  --accent: #c9a84c;
  --accent-foreground: #0d0d1a;
  --icon: #6f665c;
  --error: #e22d20;
  --success: #4caf50;
  --glow-spotlight: rgba(201, 168, 76, 0.12);
  --surface: #171a2e;
  --placeholder: rgba(169, 160, 147, 0.7);
  --font-sans: "Inter", system-ui, sans-serif;
  --font-serif: "Playfair Display", Georgia, serif;
}

[data-theme="light"] {
  --background: #f7f5f2;
  --foreground: #1f1c19;
  --muted: #6f665c;
  --muted-dim: rgba(111, 102, 92, 0.6);
  --muted-footer: rgba(31, 28, 25, 0.8);
  --border: #ddd8d0;
  --accent: #c9a84c;
  --accent-foreground: #0d0d1a;
  --icon: #6f665c;
  --error: #e22d20;
  --success: #4caf50;
  --glow-spotlight: rgba(201, 168, 76, 0.18);
  --surface: #ffffff;
  --placeholder: rgba(111, 102, 92, 0.55);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100dvh;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

button,
input,
textarea {
  font: inherit;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.is-hidden {
  display: none !important;
}

[data-theme="light"] .theme-dark {
  display: none !important;
}

[data-theme="dark"] .theme-light,
:root:not([data-theme]) .theme-light {
  display: none !important;
}

[data-theme="light"] .chevron-icon {
  filter: invert(1) brightness(0.12);
}