:root {
  color-scheme: dark;

  --vey-bg-ink: #07080a;
  --vey-bg-deep: #0b0d10;
  --vey-bg-surface: #11151a;
  --vey-bg-raised: #171d24;
  --vey-bg-high: #202833;

  --vey-border: #35414f;
  --vey-border-gold: #6b542b;

  --vey-text: #f3e9d2;
  --vey-text-soft: #cbbfa6;
  --vey-text-muted: #8e98a4;
  --vey-text-inverse: #07080a;

  --vey-gold: #d6a84a;
  --vey-gold-bright: #f0cb72;
  --vey-wine: #b95367;
  --vey-verdant: #6fbc91;
  --vey-starvein: #78b9d5;
  --vey-fey: #be91d8;
  --vey-danger: #ef6a6a;
  --vey-success: #82d08d;
  --vey-warning: #e9b45d;

  --vey-font-display: "Cinzel", Georgia, serif;
  --vey-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vey-font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --vey-radius-compact: 8px;
  --vey-radius: 12px;
  --vey-radius-large: 16px;
  --vey-radius-pill: 999px;

  --vey-focus: #f0cb72;
  --vey-focus-ring: 0 0 0 3px rgba(240, 203, 114, 0.35);
  --vey-shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.34);
  --vey-easing: cubic-bezier(0.2, 0, 0, 1);
}

.vey-button,
.vey-input,
.vey-action {
  min-height: 44px;
}

.vey-button:focus-visible,
.vey-input:focus-visible,
.vey-action:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid var(--vey-focus);
  outline-offset: 2px;
  box-shadow: var(--vey-focus-ring);
}

.vey-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 767px) {
  .vey-button,
  .vey-input,
  .vey-action {
    min-height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}