/* =========================================================
   GRRM - Variables & Theme (60:30:10 Palette)
   ========================================================= */
:root {
  /* --- 60% Dominan: Backgrounds --- */
  --bg-main: #FCFAF8;       /* Off-white bersih untuk latar utama */
  --bg-section: #F4E7D7;    /* Cream dari referensi untuk kontras section */
  --bg-card: #FFFFFF;       /* Putih untuk kartu agar elegan */

  /* --- 30% Sekunder: Text, Header, Footer --- */
  --primary: #15293A;       /* Dark Navy untuk teks utama & navbar */
  --primary-dark: #0D1B26;  /* Navy lebih gelap untuk hover */
  --primary-light: #E8EEF2; /* Navy sangat muda untuk highlight halus */

  /* --- 10% Aksen: Buttons, Tags, Links --- */
  --accent: #68133B;        /* Burgundy (Merah Marun) untuk tombol utama */
  --accent-hover: #4E0E2C;  
  --accent-light: #F2E8EC;
  
  --accent-alt: #B7D9FE;    /* Light Blue untuk aksen sekunder */
  --accent-alt-hover: #92C2F8;

  /* --- Text Colors --- */
  --text-main: #15293A;
  --text-muted: #5A6B7C;
  --text-light: #FFFFFF;

  /* --- Borders & Shadows --- */
  --border-color: #E6DFD5;
  --shadow-sm: 0 2px 8px rgba(21, 41, 58, 0.04);
  --shadow-md: 0 8px 24px rgba(21, 41, 58, 0.08);
  --shadow-lg: 0 16px 40px rgba(21, 41, 58, 0.12);

  /* --- Utilitas --- */
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 24px;
  --transition: 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  --container: 1200px;
  --font-base: 16px;
  --line-base: 1.7;
  --touch-min: 44px;
}