/* TE VIDEOS: shop-inspired colors, shared across visitor pages and Studios. */
:root {
  color-scheme: dark;
  --te-bg: #121212;
  --te-surface: #12161f;
  --te-elevated: #1b2029;
  --te-nav: #0b0d10;
  --te-text: #f1f1f1;
  --te-muted: #b6bac1;
  --te-border: #474b52;
  --te-blue: #69aaff;
  /* Action roles share the garage palette; reading surfaces stay neutral. */
  --te-action-primary: #2563eb;
  --te-action-community: #38d6c7;
  --te-action-coupon: #f5d547;
  --te-action-saved: #b9ed32;
  --te-action-studio: #ff9b42;
  --te-action-ink: #121212;
  --te-primary: var(--te-action-primary);
  --te-hover: #252c38;
  --te-selected: #1c365d;
  --te-error: #ffb4ab;
  --te-success: #a9dbb8;
  --te-warning: #ffd58a;
  --te-focus: 2px solid var(--te-blue);
  --te-radius: 12px;
  --te-radius-small: 8px;
  --te-space-1: 4px;
  --te-space-2: 8px;
  --te-space-3: 12px;
  --te-space-4: 16px;
  --te-space-6: 24px;
  --te-space-8: 32px;
  --te-shadow: 0 4px 14px rgba(0, 0, 0, .18);
  --te-menu-shadow: 0 8px 28px rgba(0, 0, 0, .4);
  --te-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --te-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --ink: var(--te-text);
  --muted: var(--te-muted);
  --steel: var(--te-muted);
  --paper: var(--te-bg);
  --white: var(--te-elevated);
  --surface: var(--te-elevated);
  --line: var(--te-border);
}