/* ================================================================
   THEME CONFIGURATION — Single source of truth for brand colors
   ----------------------------------------------------------------
   To create a new site, simply change the RGB values below.
   Colors are stored as space-separated RGB channels so that
   both CSS (rgb(var(--x) / a)) and Tailwind opacity modifiers
   (bg-primary/50) work from one definition.
   ================================================================ */
:root {
  --primary: 255 138 86; /* #FF8A56 */

  --secondary: 0 188 212; /* #00bcd4 */

  --accent: 243 244 246; /* #F3F4F6 */

  --shadow-sm: 0 2px 12px rgb(var(--primary) / 0.06);
  --shadow-md: 0 10px 28px rgb(var(--primary) / 0.1);
  --shadow-lg: 0 20px 56px rgb(var(--primary) / 0.14);

  /* ===== Radius & transition ===== */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --transition: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

#download-dialog::backdrop {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
}