:root {
  --navy: #002d72;
  --navy-deep: #071a38;
  --gold: #946e3a;
  --gold-light: #c8a46a;
  --paper: #f5f7fa;
  --white: #ffffff;
  --ink: #222b38;
  --muted: #667386;
  --line: #d9dee7;
  --success: #087a55;
  --warning: #a45110;
  --danger: #a52a32;
  --shadow: 0 12px 30px rgba(2, 20, 48, .08);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { color-scheme: light; }
body { margin: 0; font-family: Aptos, "Segoe UI", Arial, sans-serif; color: var(--ink); background: var(--paper); }
button, input, select { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--gold-light); outline-offset: 3px; }
.eyebrow { margin: 0 0 .45rem; color: var(--gold); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .76rem; }
.brand-title, h1, h2 { font-family: Cinzel, Georgia, serif; letter-spacing: .035em; }
.brand-title { color: var(--white); font-size: 1.04rem; line-height: 1.2; }
.muted { color: var(--muted); }
.badge { display: inline-flex; align-items: center; min-height: 28px; padding: .25rem .65rem; border: 1px solid var(--line); border-radius: 999px; font-weight: 650; font-size: .78rem; background: var(--white); }
.badge.high, .badge.returned { color: var(--danger); border-color: #e7b9bc; background: #fff6f6; }
.badge.approved, .badge.online { color: var(--success); border-color: #b4dccd; background: #f2fbf7; }
.badge.review, .badge.scheduled { color: var(--warning); border-color: #e5c9a8; background: #fff9f1; }
.button { min-height: 44px; padding: .65rem 1rem; border-radius: 4px; border: 1px solid var(--navy); background: var(--navy); color: var(--white); font-weight: 700; }
.button.secondary { color: var(--navy); background: var(--white); }
.button.ghost { color: var(--ink); background: transparent; border-color: var(--line); }
.gold-line { height: 2px; background: var(--gold); width: 72px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }