/* EYETEEE design tokens — single source of truth for every screen. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Sora:wght@600;700&display=swap');
:root {
  --e-bg: #141715;  --e-s1: #1A1E1C;  --e-s2: #212624;  --e-s3: #282E2B;
  --e-border: #2A302D;  --e-border-strong: #38403C;
  --e-primary: #3CC47C; --e-primary-hover: #4FD48D; --e-primary-pressed: #33A86A;
  --e-primary-tint: rgba(60, 196, 124,.12); --e-primary-glow: rgba(60, 196, 124,.35);
  --e-text: #E6EBE8; --e-text-2: #9AA5A0; --e-text-3: #68726D; --e-on-primary: #07130C;
  --e-warn: #FFB03B; --e-info: #4DA3FF; --e-danger: #FF5468; --e-ruler: #F0B43C;
  --e-warn-tint: rgba(255,176,59,.12); --e-info-tint: rgba(77,163,255,.12); --e-danger-tint: rgba(255,84,104,.12);
  --e-canvas: #000000;
  --e-av1: #A855F7; --e-av2: #EC4899; --e-av3: #4F8CFF; --e-av4: #22C1B5;
  --e-r-card: 16px; --e-r-ctl: 10px; --e-r-thumb: 8px; --e-r-pill: 999px;
  --e-font-head: 'Sora', 'Plus Jakarta Sans', system-ui, sans-serif;
  --e-font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --e-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --e-glow: 0 0 16px rgba(60, 196, 124,.35);
  --e-ease: 180ms ease-out;
  color-scheme: dark;
}
/* Neutral overrides shared by embedded tools (no gradients, unified type) */
body { background: var(--e-bg) !important; color: var(--e-text) !important; font-family: var(--e-font-ui) !important; }
::selection { background: var(--e-primary-tint); }
:focus-visible { outline: 2px solid var(--e-primary); outline-offset: 2px; }

/* app text can't be selected by accident (inputs, editable text, transcripts, comments and code stay selectable) */
body { -webkit-user-select: none; user-select: none; }
input, textarea, select, [contenteditable="true"], [contenteditable=""], .selectable, .selectable *, pre, code, .transcript, .transcript *, .comment-body, .cmt-text, #xtext { -webkit-user-select: text; user-select: text; }