:root {
  /* PantallasON is the neutral default. Customer white-label values are applied after these tokens. */
  --bg-primary: #ffffff;
  --bg-secondary: #f3f5f7;
  --bg-card: #ffffff;
  --bg-card-hover: #f8fafc;
  --bg-input: #f8fafc;
  --accent: #10b981;
  --accent-hover: #059669;
  --accent-dim: #047857;
  --accent-contrast: #0f1720;
  --accent-2: #10b981;
  --accent-3: #10b981;
  --grad-accent: linear-gradient(135deg, var(--accent), var(--accent-2));
  --grad-bar: linear-gradient(90deg, var(--accent-2), var(--accent-3));
  --text-primary: #0f1720;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --success: #059669;
  --success-dim: #15803d;
  --danger: #dc2626;
  --danger-dim: #991b1b;
  --warning: #d97706;
  --warning-dim: #92400e;
  --border: #e5e7eb;
  --border-light: #d1d5db;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 12px 32px rgba(15, 23, 32, 0.09);
  --shadow-sm: 0 4px 14px rgba(15, 23, 32, 0.07);
  --sidebar-width: 220px;
  --transition: 0.2s ease;
  /* Aliases for names some views use (drop indicators, the slide editor) that were never defined, so
     their outlines and fields fell back to nothing. They follow the brand tokens above. */
  --primary: var(--accent);
  --surface: var(--bg-input);
  --text: var(--text-primary);
  --radius-md: var(--radius);
}