@charset "UTF-8";
:root[data-theme=theater] {
  color-scheme: dark;
  /* Surfaces — house lights down */
  --paper: #0E0E10;
  --paper-raised: #1A1A1E;
  --paper-sunk: #08080A;
  --paper-glass: rgba(20, 20, 24, 0.72);
  /* Ink — warm white down a contrast ramp */
  --ink: #F5F5F7;
  --ink-soft: #C7C7CC;
  --ink-faint: #9C9CA3;
  --graphite: #AEAEB2;
  --muted: #8E8E95;
  /* Construction lines — translucent white on dark */
  --guide: rgba(255, 255, 255, 0.16);
  --guide-soft: rgba(255, 255, 255, 0.08);
  --hair: rgba(255, 255, 255, 0.12);
  --hair-soft: rgba(255, 255, 255, 0.06);
  /* Primary accent — theater blue. ai = button surface, ai-ink = text/links */
  --ai: #155FD4;
  --ai-ink: #4DA3FF;
  --ai-wash: rgba(21, 95, 212, 0.16);
  /* Seal / secondary — marquee gold */
  --shu: #E0A82E;
  --shu-wash: rgba(224, 168, 46, 0.16);
  /* Draft / tertiary — amber */
  --ochre: #FF9F0A;
  --ochre-wash: rgba(255, 159, 10, 0.16);
  /* Code surface */
  --code-bg: #0A0A0C;
  --code-ink: #E8E8ED;
  --code-muted: #6C6C71;
  --code-accent: #FFB86C;
  --code-green: #A8E6A1;
  --code-blue: #9AD4F7;
  /* Typography — reuse the app's loaded Nunito/Roboto (next/font vars) */
  --font-display: var(--font-nunito), 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-script: 'Brush Script MT', 'Segoe Script', cursive;
  --font-serif: Georgia, 'Times New Roman', serif;
  --font-sans: var(--font-nunito), 'Nunito', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: var(--font-roboto), 'Roboto Mono', ui-monospace, Menlo, Consolas, monospace;
  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  /* Shadows — deep theater drop */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.50);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.60);
  --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.70);
  --shadow-2xl: 0 28px 70px rgba(0, 0, 0, 0.80);
  /* Blur — unused */
  --blur-sm: none;
  --blur-md: none;
  --blur-lg: none;
  /* Glow — faint rim highlight + drop */
  --glow-sm: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --glow-md: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 1px 3px rgba(0, 0, 0, 0.50);
  --glow-lg: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 12px 32px rgba(0, 0, 0, 0.60);
  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 220ms;
  --duration-slow: 340ms;
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  /* Semantic aliases */
  --background-default: var(--paper);
  --background-subtle: var(--paper-sunk);
  --background-navbar: var(--paper-raised);
  --surface-default: var(--paper);
  --surface-raised: var(--paper-raised);
  --surface-sunk: var(--paper-sunk);
  --surface-muted: var(--paper-sunk);
  --surface-subtle: var(--paper-raised);
  --surface-emphasis: var(--ink);
  --surface-glass: var(--paper-glass);
  --text-primary: var(--ink);
  --text-secondary: var(--ink-soft);
  --text-muted: var(--ink-faint);
  --text-tertiary: var(--muted);
  --text-inverse: #FFFFFF;
  --text-link: var(--ai-ink);
  --text-link-hover: #7DBBFF;
  --border-default: var(--hair);
  --border-subtle: var(--hair-soft);
  --border-emphasis: var(--ink);
  --border-focus: var(--ai-ink);
  --interactive-hover: rgba(255, 255, 255, 0.06);
  --interactive-active: rgba(255, 255, 255, 0.10);
  --brand-primary: var(--ai);
  --brand-primary-hover: var(--ai-ink);
  --action-primary-default: var(--ai);
  --action-primary-hover: #1A6FE8;
  --action-primary-active: #1150B8;
  --action-primary-wash: var(--ai-wash);
  --action-secondary-default: var(--shu);
  --action-secondary-hover: #EBB94A;
  --action-secondary-active: #C99220;
  --action-secondary-wash: var(--shu-wash);
  --action-tertiary-default: var(--ochre);
  --action-tertiary-hover: #FFB340;
  --action-tertiary-active: #D6850A;
  --action-tertiary-wash: var(--ochre-wash);
  --feedback-info: var(--info-default);
  --feedback-success: var(--success-default);
  --feedback-warning: var(--warning-default);
  --feedback-error: var(--error-default);
  --info-default: #3B82F6;
  --info-subtle: rgba(59, 130, 246, 0.16);
  --info-text: #7FB0FF;
  --success-default: #30D158;
  --success-subtle: rgba(48, 209, 88, 0.16);
  --success-text: #5FE37F;
  --warning-default: #FF9F0A;
  --warning-subtle: rgba(255, 159, 10, 0.16);
  --warning-text: #FFB340;
  --error-default: #FF453A;
  --error-subtle: rgba(255, 69, 58, 0.16);
  --error-text: #FF6961;
  /* Library scales */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --radius-sm: var(--r-sm);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
  --radius-xl: 0.75rem;
  --radius-full: 9999px;
  --font-primary: var(--font-sans);
  --font-size-base: 1rem;
  --line-height-normal: 1.5;
  --font-weight-medium: 500;
  --z-sticky: 1020;
  --z-dropdown: 1030;
  --z-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}