/*
 * Nital Enterprises design system (Brand Kit v1.0) for every portal page.
 * Loaded last on each page so it wins over the page's own tokens:
 * dark only, red #dc2626 as the sole accent, Inter, 12px cards / 8px controls.
 * Each page grew its own token names; they all map onto the same palette here.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

html, html[data-theme], html[data-theme="light"], html[data-theme="dark"] {
  color-scheme: dark;
  /* Nital core */
  --black: #0a0a0a; --black-light: #141414; --black-card: #1a1a1a;
  --gray-900: #1f1f1f; --gray-800: #2a2a2a; --gray-700: #3a3a3a;
  --gray-600: #666666; --gray-500: #777777; --gray-400: #888888; --gray-300: #aaaaaa; --gray-100: #e5e5e5;
  --red: #dc2626; --red-hover: #ef4444; --red-dark: #b91c1c; --red-glow: rgba(220, 38, 38, 0.15);
  --green: #22c55e; --blue: #3b82f6; --purple: #a855f7; --yellow: #eab308;

  /* Portal shell, campaign pages, tasks, plaza app */
  --bg: #0a0a0a; --page-bg: #0a0a0a; --sidebar-bg: #141414; --surface: #141414;
  --soft-bg: #1a1a1a; --soft: #1a1a1a; --card-bg: #1a1a1a; --code: #141414;
  --text: #e5e5e5; --text-strong: #ffffff; --text-muted: #888888; --text-subtle: #666666;
  --border: #2a2a2a; --border-soft: #1f1f1f; --code-bg: #1f1f1f; --code-text: #f87171;
  --red-soft: rgba(220, 38, 38, 0.15); --red-text: #f87171; --red-dim: rgba(220, 38, 38, 0.08);

  /* Media Library, activity log */
  --surface2: #1a1a1a; --surface3: #1f1f1f; --border2: #3a3a3a;
  --blue-soft: rgba(59, 130, 246, 0.15);

  /* Plaza Playbook (originally a light paper document) */
  --ink: #ffffff; --ink-soft: #cccccc; --ink-muted: #888888;
  --paper: #0a0a0a; --paper-soft: #141414; --paper-tint: #1a1a1a;
  --line: #2a2a2a; --line-soft: #1f1f1f; --red-deep: #b91c1c; --gray-chip: #1f1f1f;

  /* Flyer setup */
  --muted: #888888; --qr: #dc2626; --ok: #22c55e; --warn: #eab308;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}
::selection { background: #dc2626; color: #ffffff; }
:focus-visible { outline: 2px solid #dc2626; outline-offset: 2px; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; border: 2px solid #0a0a0a; }
::-webkit-scrollbar-track { background: transparent; }
input::placeholder, textarea::placeholder { color: #666666; }
table { font-variant-numeric: tabular-nums; }

/* Nital is dark only: hide the old per-page theme switches. */
.theme-toggle, #themeToggle, #themeBtn, .theme-btn, .sidebar-theme-row, [onclick*="toggleTheme"] { display: none !important; }

@media print {
  html, html[data-theme] { --bg: #fff; --page-bg: #fff; --paper: #fff; --text: #000; --text-strong: #000; --ink: #000; }
}