/* ==========================================================
   THEMES.CSS — warna sahaja. Layout dalam style.css.
   Nak buat theme baru: copy block di bawah, tukar nama
   data-theme dan nilai warna.
   ========================================================== */

/* ==========================================================
   THEME — BURGUNDY PREMIUM (default)
   ========================================================== */
:root,
[data-theme="burgundy"] {
   /* Brand */
   --color-primary: #7A1F3D;
   --color-primary-dark: #5C1229;
   --color-primary-deep: #2B0A15;
   --color-primary-light: #F7EBEF;
   --color-primary-soft: #FBF5F7;

   /* Accent emas */
   --color-accent: #C9A45C;
   --color-accent-dark: #A8843F;
   --color-accent-light: #F3E9D4;

   /* Status */
   --color-success: #1F8A5B;
   --color-warning: #C98A1A;
   --color-danger: #C62839;

   /* Background */
   --color-background: #FBF8F5;
   --color-surface: #FFFFFF;
   --color-white: #FFFFFF;
   --section-background: #FFFFFF;
   --section-background-alt: #FBF8F5;

   /* Text */
   --text-primary: #1F1418;
   --text-secondary: #5A4B51;
   --text-muted: #8A7A80;
   --text-on-dark: rgba(255, 255, 255, .86);

   /* Border & input */
   --border-color: #EEE4E2;
   --input-border: #E3D6D6;
   --input-background: #FBF8F5;
   --input-focus-shadow: rgba(122, 31, 61, .12);

   /* Hero & dark section */
   --hero-overlay: linear-gradient(100deg, rgba(43, 10, 21, .94) 0%, rgba(92, 18, 41, .78) 45%, rgba(43, 10, 21, .18) 100%);
   --hero-overlay-mobile: linear-gradient(180deg, rgba(43, 10, 21, .45) 0%, rgba(43, 10, 21, .92) 60%);
   --dark-section: radial-gradient(circle at 12% 0%, rgba(201, 164, 92, .16), transparent 45%),
      radial-gradient(circle at 100% 100%, rgba(122, 31, 61, .55), transparent 55%),
      #2B0A15;

   /* Shadow */
   --shadow-brand: 0 24px 60px rgba(92, 18, 41, .14);
   --shadow-card: 0 10px 30px rgba(43, 10, 21, .06);
}