/*
 * The design tokens every page is drawn from.
 *
 * Extracted because app-home.css and landing.css held byte-identical copies while
 * meeting.css held none at all — and interview-record.css, dialog.css and feedback.css are
 * all shared with the meeting page and written as `var(--token, #literal)` against them.
 * A page without this sheet therefore fell back to the literals, which for
 * interview-record.css are not quite the token values, so the same card read differently in
 * the meeting room than on the dashboard.
 *
 * Load this first, before any sheet that reads a token.
 */

:root {
  --c-grad-start: #667eea;
  --c-grad-end: #764ba2;
  --c-ink: #1b1d2b;
  --c-ink-soft: #4a4f67;
  --c-muted: #7a7e94;
  --c-bg: #f7f7fb;
  --c-card: #ffffff;
  --c-border: #e6e7f0;
  --c-surface-soft: #f0f0f9;
  /* The app's dark sidebar (app-home.css .sidebar). These were in app-home.css's copy of
     the tokens and missed the move here, which left the sidebar transparent with white text. */
  --c-sidebar: #1b1d2b;
  --c-sidebar-ink: #c9cbe0;
  --c-sidebar-ink-soft: #8a8daa;
  --c-sidebar-hover: rgba(255, 255, 255, 0.06);
  --c-sidebar-active: rgba(102, 126, 234, 0.18);
  /* Only ever referenced as a fallback (dialog.css, feedback.css) until now; same value, so
     defining it here changes nothing and gives it one home. */
  --c-danger: #c0392b;
  --shadow-sm: 0 2px 10px rgba(28, 30, 64, 0.06);
  --shadow-md: 0 10px 40px rgba(28, 30, 64, 0.10);
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
}