:root {
  /* Base */
  --bg: #f7faf7;
  --surface: #ffffff;
  --text: #1f2933;
  --muted: #6b7a85;

  /* Primary (Logo Green #60DE43) */
  /* Primary */
  --primary: #2e7d32;
  --primary-600: #2a6f2e;
  --primary-50: #e8f3ea;

  /* Accent (Logo Yellow #FFEB00) */
  --accent: #f5db1a;         /* lebih elegan dari kuning murni */
  --accent-600: #e0c600;
  --accent-50: #fff9cc;

  /* Border & ring */
  --ring: #d8e9da;

  /* Footer */
--footer-bg: #162a1c; /* hampir hitam, masih hijau */  /* hijau gelap dari primary */
  --footer-text: #eef6f0;

  /* Badge accent */
  --badge-accent-text: #6b5a00;
  --badge-accent-border: #f0e3a5;

  /* Button */
  --btn-text-light: #ffffff;

  /* Shadow */
  --shadow-light: rgba(0, 0, 0, 0.08);

  /* Carousel overlay */
  --carousel-bg: rgba(30, 90, 40, 0.4);

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.12);

    /* Navbar Dark */
--navbar-bg: #162a1c;
--navbar-border: rgba(255,255,255,0.06);

/* Overlay */
--overlay-dark: rgba(0,0,0,0.3);

/* Gradient */
--ppdb-gradient-start: #c6a700;
--ppdb-gradient-end: #0f5132;

}