/* 
   Warna Utama: #059669 | Sekunder: #10B981 | Aksen: #F39C12
   Latar Belakang: #F8FAFC 
*/

:root {
  --primary: #059669;
  --primary-dark: #047857;
  --primary-light: #ecfdf5;
  --secondary: #10b981;
  --secondary-hover: #059669;
  --accent: #f39c12;
  --accent-hover: #e67e22;
  --accent-light: #fef3c7;
  --accent-soft: rgba(243, 156, 18, 0.12);

  --bg-light: #f8fafc;
  --bg-white: #ffffff;
  --text-dark: #0f172a;
  --text-body: #334155;
  --text-muted: #64748b;
  --border-light: #e2e8f0;
  --border-accent: #cbd5e1;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.05);
  --shadow-md:
    0 10px 25px -5px rgba(15, 23, 42, 0.08),
    0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --shadow-lg:
    0 20px 35px -10px rgba(5, 150, 105, 0.15),
    0 10px 15px -5px rgba(0, 0, 0, 0.04);
  --shadow-float: 0 15px 30px rgba(0, 0, 0, 0.12);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;

  --font-sans:
    "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  --transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

html,
body {
  font-family: "Google Sans", sans-serif;
  /* background-color: #10B981 ; */
}