/* Shared brand layer: Alexandria (DCAA brand font), the navy/electric-blue palette of the
   AW26 films, DCAA red used only as a hairline accent, and clear Liquid Glass panels
   (low-opacity, no white fill). */
@font-face {
  font-family: 'Alexandria';
  src: url('/assets/fonts/Alexandria.ttf') format('truetype');
  font-weight: 100 900;
  font-display: block;
}

:root {
  --navy: #1a1751;
  --ink: #040a26;
  --deep: #061445;
  --blue: #1f5fff;
  --blue-2: #4d8dff;
  --ice: #cfe1ff;
  --mist: rgba(207, 225, 255, 0.72);
  --red: #be202e;
  --white: #ffffff;
  --glass-fill: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035));
  --glass-edge: rgba(255, 255, 255, 0.24);
  --glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 24px 70px rgba(0, 6, 40, 0.5);
  --ok: #43d39e;
  --warn: #ffb547;
  --bad: #ff5d6c;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: 'Alexandria', system-ui, sans-serif;
  color: var(--white);
  background: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; color: inherit; }
[hidden] { display: none !important; }

.glass {
  background: var(--glass-fill);
  border: 1px solid var(--glass-edge);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.ar { font-family: 'Alexandria', system-ui, sans-serif; direction: rtl; unicode-bidi: isolate; }
.kicker { text-transform: uppercase; letter-spacing: 0.3em; font-weight: 500; color: var(--ice); }
.tabular { font-variant-numeric: tabular-nums; }