/* LeoLightbox — Theme Variables (Light & Dark)
   All comments in English for Envato.
   You can safely regenerate this file from the Admin Theme Builder. */
:root {
  color-scheme: light;
  --color-bg: #f7f9fc;
  --color-surface: #ffffff;
  --color-border: rgba(2,6,23,.08);
  --color-text: #0f172a;
  --color-muted: #475569;

  --accent: #5b4ce1;
  --accent-2: #8a7cf6;
  --accent-contrast: #ffffff;

  --radius: 16px;
  --radius-lg: 22px;
  --shadow-sm: 0 4px 16px rgba(2,6,23,.06);
  --shadow: 0 12px 40px rgba(2,6,23,.08);
  --shadow-lg: 0 20px 70px rgba(2,6,23,.12);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0b0d12;
  --color-surface: #0f121a;
  --color-border: rgba(255,255,255,.10);
  --color-text: #e6e9ef;
  --color-muted: #98a2b3;

  --shadow-sm: 0 4px 16px rgba(0,0,0,.35);
  --shadow: 0 12px 40px rgba(0,0,0,.45);
  --shadow-lg: 0 20px 70px rgba(0,0,0,.55);
}