/* Shared design tokens. Themes swap only the surface + ink ramps; the accent
   is set per-meeting from Admin > Settings and injected as --accent. */

:root {
  --accent: #c9a227;
  --accent-ink: #1a1508;

  --bg-0: #0a0d14;
  --bg-1: #10141d;
  --bg-2: #171d29;
  --bg-3: #202839;
  --line: #2b3446;

  --ink-0: #f4f6fa;
  --ink-1: #c3cbdb;
  --ink-2: #8b95a9;
  --ink-3: #5d6779;

  --ok: #46c98b;
  --warn: #e8b339;
  --err: #ef5f6b;
  --live: #ff4d5e;

  --font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'SF Mono', ui-monospace, 'Cascadia Mono', Consolas, 'Liberation Mono', monospace;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;

  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,.45);
  --shadow-3: 0 24px 64px rgba(0,0,0,.55);
}

[data-theme="slate"] {
  --bg-0: #0d0f11; --bg-1: #14171a; --bg-2: #1c2024; --bg-3: #262b31; --line: #333a42;
}

[data-theme="ivory"] {
  --bg-0: #f7f5f0; --bg-1: #fffdf8; --bg-2: #efece4; --bg-3: #e4e0d6; --line: #d4cec0;
  --ink-0: #1a1814; --ink-1: #45403a; --ink-2: #6f6960; --ink-3: #9a9389;
  --shadow-1: 0 1px 2px rgba(0,0,0,.08);
  --shadow-2: 0 8px 24px rgba(0,0,0,.10);
  --shadow-3: 0 24px 64px rgba(0,0,0,.14);
}

[data-theme="oxford"] {
  --bg-0: #071122; --bg-1: #0c1a30; --bg-2: #12253f; --bg-3: #1a3253; --line: #23406a;
}

* { box-sizing: border-box; }

/* The hidden attribute only carries UA display:none, which any later
   display:flex/grid rule silently beats. Several elements here toggle via
   hidden, so make it authoritative once rather than per-selector. */
[hidden] { display: none !important; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-0);
  color: var(--ink-0);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button, input, select, textarea { font: inherit; color: inherit; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-1); }
::-webkit-scrollbar-thumb { background: var(--bg-3); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--line); }