/* Yinuzo brand palette
   Carbon  CMYK 0,0,0,91  · RGB 23,23,23   · HEX #171717
   Lime    CMYK 22,0,80,0 · RGB 198,255,52 · HEX #C6FF34
*/
:root {
  /* Brand */
  --onyx: #171717;
  --candy-blue: #c6ff34; /* Lime (alias name kept for shared CSS) */
  --candy-blue-rgb: 198, 255, 52;
  --onyx-rgb: 23, 23, 23;

  /* Surfaces */
  --bg-void: var(--onyx);
  --bg-elevated: rgba(var(--candy-blue-rgb), 0.06);
  --glass: rgba(var(--candy-blue-rgb), 0.07);
  --glass-strong: rgba(var(--candy-blue-rgb), 0.11);
  --glass-border: rgba(var(--candy-blue-rgb), 0.22);
  --glass-hover: rgba(var(--candy-blue-rgb), 0.14);

  /* Accents */
  --neon-primary: var(--candy-blue);
  --neon-hot: #dfff6a; /* lighter lime */
  --neon-cyan: #9fd920; /* deeper lime */
  --neon-glow: rgba(var(--candy-blue-rgb), 0.4);
  --neon-glow-hot: rgba(var(--candy-blue-rgb), 0.55);
  --neon-glow-cyan: rgba(var(--candy-blue-rgb), 0.3);

  /* Text on Carbon — muted/faint follow theme text (not hard-coded lime) */
  --text-primary: #f4ffe8;
  --text-muted: rgba(var(--theme-text-rgb), 0.72);
  --text-faint: rgba(var(--theme-text-rgb), 0.48);

  /* Effects */
  --blur-glass: 18px;
  --blur-splash: 20px;
  --radius-pill: 999px;
  --radius-card: 16px;

  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --col-max: 420px;

  /* Background dim for photo/video (set by JS from dashboard, 0–1) */
  --bg-dim-strength: 0.55;

  /* Owner-custom theme (set by JS from dashboard; defaults = brand lime) */
  --theme-avatar-ring: var(--candy-blue);
  --theme-avatar-soft: var(--neon-hot);
  --theme-avatar-deep: var(--neon-cyan);
  --theme-avatar-mid: var(--candy-blue);
  --theme-avatar-rgb: var(--candy-blue-rgb);
  --theme-avatar-rgb-a: var(--candy-blue-rgb);
  --theme-avatar-rgb-b: var(--candy-blue-rgb);
  --theme-text: var(--candy-blue);
  --theme-text-soft: var(--neon-hot);
  --theme-text-mid: var(--candy-blue);
  --theme-text-rgb: var(--candy-blue-rgb);
  --theme-text-rgb-a: var(--candy-blue-rgb);
  --theme-text-rgb-b: var(--candy-blue-rgb);
  --theme-icon-border: var(--candy-blue);
  --theme-icon-border-b: var(--neon-hot);
  --theme-icon-mid: var(--candy-blue);
  --theme-icon-rgb: var(--candy-blue-rgb);
  --theme-icon-rgb-a: var(--candy-blue-rgb);
  --theme-icon-rgb-b: var(--candy-blue-rgb);
  --theme-sparkle: var(--candy-blue);
  --theme-sparkle-soft: var(--neon-hot);
  --theme-sparkle-mid: var(--candy-blue);
  --theme-sparkle-rgb: var(--candy-blue-rgb);
  --theme-sparkle-rgb-b: var(--candy-blue-rgb);
  --theme-glow: var(--neon-glow);
  --theme-glow-text: var(--neon-glow);
  /* Footer meta (views / © / brand) — own color + brightness (0–1 alpha) */
  --theme-meta: #f0ffe0;
  --theme-meta-rgb: 240, 255, 224;
  --theme-meta-alpha: 0.78;
}