/* Live Coordinator shared design tokens — classic (default) + modern */

:root,
.theme-classic {
  --lc-ink: #13252b;
  --lc-ink-deep: #0b171c;
  --lc-muted: #5c7178;
  --lc-accent: #0d8a6a;
  --lc-accent-deep: #0a6b52;
  --lc-accent-hot: #10a37c;
  --lc-accent-soft: #d4f0e6;
  --lc-amber: #e8a317;
  --lc-amber-deep: #c4870d;
  --lc-amber-soft: #fef3d4;
  --lc-paper: #ffffff;
  --lc-paper-soft: #f7f4ee;
  --lc-line: #e2ddd2;
  --lc-shadow: 0 20px 60px rgba(19, 37, 43, 0.12);
  --lc-hero-tint: #0b3d34;
  --lc-sidebar-bg: #13252b;
  --lc-sidebar-gradient: linear-gradient(180deg, #13252b 0%, #0b3d34 100%);
  --lc-sidebar-text: rgba(255, 255, 255, 0.88);
  --lc-sidebar-section: rgba(255, 255, 255, 0.42);
  --lc-sidebar-border: rgba(255, 255, 255, 0.08);
  --lc-sidebar-hover: rgba(255, 255, 255, 0.08);
  --lc-sidebar-active-bg: rgba(13, 138, 106, 0.32);
  --lc-sidebar-active-accent: #2dd4bf;
  --lc-auth-nav: #0b3d34;
  --lc-focus-ring: 0 0 0 3px rgba(13, 138, 106, 0.28);
  --lc-theme-meta: #0d8a6a;
  --lc-radius: 20px;
  --lc-radius-sm: 12px;
  --lc-shell: min(1180px, calc(100% - 48px));
  --lc-header-height: 82px;
  --lc-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --lc-font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --lc-font-display: "Space Grotesk", "Manrope", sans-serif;
  color-scheme: light;
}

.theme-modern {
  --lc-ink: #d7ece6;
  --lc-ink-deep: #f2fbf7;
  --lc-muted: #8fb0a8;
  --lc-accent: #2dd4bf;
  --lc-accent-deep: #14b8a6;
  --lc-accent-hot: #5eead4;
  --lc-accent-soft: rgba(45, 212, 191, 0.14);
  --lc-amber: #fbbf24;
  --lc-amber-deep: #f59e0b;
  --lc-amber-soft: rgba(251, 191, 36, 0.16);
  --lc-paper: #0b1a1f;
  --lc-paper-soft: #12262d;
  --lc-line: rgba(167, 214, 201, 0.22);
  --lc-shadow: 0 24px 70px rgba(2, 16, 20, 0.45);
  --lc-hero-tint: #061216;
  --lc-sidebar-bg: #061216;
  --lc-sidebar-gradient: linear-gradient(180deg, #0b1a1f 0%, #0a3d36 100%);
  --lc-sidebar-text: rgba(215, 236, 230, 0.9);
  --lc-sidebar-section: rgba(215, 236, 230, 0.4);
  --lc-sidebar-border: rgba(167, 214, 201, 0.12);
  --lc-sidebar-hover: rgba(45, 212, 191, 0.1);
  --lc-sidebar-active-bg: rgba(45, 212, 191, 0.18);
  --lc-sidebar-active-accent: #fbbf24;
  --lc-auth-nav: #061216;
  --lc-focus-ring: 0 0 0 3px rgba(45, 212, 191, 0.32);
  --lc-theme-meta: #0b1a1f;
  color-scheme: dark;
}