/**
 * ====================================================================
 * CMS SEKOLAH MUHAMMADIYAH — DESIGN TOKENS & VARIABLES
 * Modern Muhammadiyah Digital Design System
 * ====================================================================
 */

:root {
  /* Identitas Warna Resmi Muhammadiyah */
  --muh-green-primary: #007A3D;
  --muh-green-dark: #084223;
  --muh-green-deep: #052B17;
  --muh-green-light: #E8F5EE;
  --muh-green-subtle: #F2F9F5;
  --muh-green-hover: #006834;

  /* Aksen Emas Berkemajuan (Melambangkan Kemuliaan & Prestasi) */
  --muh-gold-primary: #D4AF37;
  --muh-gold-light: #F9F1D8;
  --muh-gold-dark: #AA7C11;
  --muh-gold-hover: #C29D29;
  --muh-gold-gradient: linear-gradient(135deg, #F5D77F 0%, #D4AF37 50%, #B89028 100%);
  --muh-green-gradient: linear-gradient(135deg, #007A3D 0%, #084223 100%);
  --muh-hero-gradient: linear-gradient(135deg, rgba(5, 43, 23, 0.95) 0%, rgba(0, 122, 61, 0.88) 100%);

  /* Warna Netral & Keterbacaan (WCAG AA Compliant) */
  --muh-dark: #1A2421;
  --muh-dark-surface: #222E2B;
  --muh-text-main: #242E2B;
  --muh-text-muted: #5F6D67;
  --muh-border-color: #E2E8E5;
  --muh-bg-light: #F8FAF9;
  --muh-bg-white: #FFFFFF;

  /* Tipografi */
  --font-family-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-family-arabic: 'Amiri', 'Traditional Arabic', serif;

  /* Elevasi Bayangan (Shadow Elevation) */
  --shadow-sm: 0 2px 6px rgba(0, 122, 61, 0.05);
  --shadow-md: 0 8px 20px rgba(0, 122, 61, 0.08);
  --shadow-lg: 0 16px 36px rgba(0, 122, 61, 0.12);
  --shadow-gold: 0 8px 24px rgba(212, 175, 55, 0.25);
  --shadow-hover: 0 20px 40px rgba(8, 66, 35, 0.16);

  /* Radius Lengkungan Modern */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Durasi Transisi Mikro-Interaksi */
  --transition-fast: 0.15s ease-in-out;
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* Header & Navigation Metrics */
  --topbar-height: 42px;
  --navbar-height: 80px;
  --navbar-sticky-height: 70px;
}