/* =========================================================
   Tema Warna: Clean White Modern + Royal Blue + Sky Cyan
   ========================================================= */
:root {
  /* Latar (White & Light Gray) */
  --bg-white: #ffffff;
  --bg-page: #f8fafc;
  --bg-alt: #f1f5f9;
  --bg-card: #ffffff;
  --bg-950: #0f172a;
  --bg-900: #1e293b;
  --bg-800: #334155;
  --bg-rgb: 255, 255, 255;

  /* Warna Utama (Biru & Royal Blue) */
  --primary-700: #1d4ed8;
  --primary-600: #2563eb;
  --primary-500: #3b82f6;
  --primary-400: #60a5fa;

  /* Aksen (Sky Blue & Cyan) */
  --accent-300: #7dd3fc;
  --accent-400: #38bdf8;
  --accent-500: #0284c7;
  --accent-600: #0369a1;
  --accent-rgb: 2, 132, 199;

  /* Blue (Featured CTA Button) */
  --orange-500: #168fd5;
  --orange-600: #0f70bd;
  --orange-glow: rgba(22, 143, 213, 0.28);

  --green-500: #10b981;
  --green-600: #059669;
  --wa-green: #25d366;

  /* Teks */
  --text-dark: #0f172a;
  --text-heading: #1e293b;
  --text-body: #475569;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  --white: #ffffff;

  /* Kartu & Border */
  --card-border: #e2e8f0;
  --card-border-hover: #38bdf8;
  --border-light: #e2e8f0;

  /* Gradien */
  --gradient-primary: linear-gradient(135deg, #0284c7 0%, #2563eb 100%);
  --gradient-icon: linear-gradient(140deg, #38bdf8 0%, #2563eb 60%, #1e40af 100%);
  --gradient-hero: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
  --gradient-featured-card: linear-gradient(180deg, #dcf0fa 0%, #d5ecf9 40%, #e2f2fb 100%);
  --gradient-footer: linear-gradient(180deg, #0f172a 0%, #090e1a 100%);

  /* Tipografi */
  --font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Ukuran & Efek */
  --container: 1200px;
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 20px 40px -10px rgba(15, 23, 42, 0.12);
  --shadow-featured: 0 20px 45px -5px rgba(2, 132, 199, 0.22);
  --text-shadow: none;
  --transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --header-h: 74px;
}