/* Theme tokens: the CLIICXNET Sync-family template, same values as the SPICE Gateway. */
:root {
  --bg: #070F1A; --surface: #0C1726; --surface-2: #11213A; --surface-3: #172A47;
  --navy: #0A1420; --cream: #F3EEDD; --teal: #3A9188; --brass: #C9A227; --brass-dim: #8A7020; --warn: #E07B5D; --ok: #4FB8A9;
  --border: rgba(243,238,221,0.10); --border-2: rgba(243,238,221,0.18); --muted: rgba(243,238,221,0.62); --faint: rgba(243,238,221,0.40);
  --font-display: 'Space Grotesk', 'Noto Sans Devanagari', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', 'Noto Sans Devanagari', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --radius: 14px; --shadow: 0 10px 30px rgba(0,0,0,.35);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--cream); font-family: var(--font-body); font-size: 14px; line-height: 1.5; }
a { color: var(--brass); text-decoration: none; } a:hover { text-decoration: underline; }
h1, h2, h3, h4 { font-family: var(--font-display); margin: 0; }