/**
 * Emerald Prestige — Yayasan Pendidikan Walisongo Bojonegoro
 * Tokens: explicit brand palette (user-approved)
 */
:root {
  /* Brand primitives */
  --color-deep: #064e3b;
  --color-emerald: #0d7a5f;
  --color-gold: #c9a84c;
  --color-cream: #f5f0e0;
  --color-ink: #0c1f1a;
  --color-paper: #fffcf5;
  --color-muted-fg: #4a5c55;
  --color-border: #d9d2bc;
  --color-danger: #b42318;

  /* Semantic */
  --background: var(--color-paper);
  --foreground: var(--color-ink);
  --primary: var(--color-emerald);
  --primary-deep: var(--color-deep);
  --primary-foreground: #ffffff;
  --accent: var(--color-gold);
  --accent-foreground: #1a1a1a;
  --muted: var(--color-cream);
  /* Derived — track ink/cream when admin palette changes */
  --muted-foreground: color-mix(in srgb, var(--color-ink) 55%, var(--color-cream));
  --card: color-mix(in srgb, var(--color-paper) 92%, #ffffff);
  --card-foreground: var(--color-ink);
  --border: color-mix(in srgb, var(--color-ink) 14%, var(--color-cream));
  --ring: var(--color-emerald);
  --destructive: var(--color-danger);

  /* Typography */
  --font-heading: "Sora", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: clamp(2.25rem, 4vw + 1rem, 3.25rem);
  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.6;
  --tracking-tight: -0.02em;

  /* Spacing (0.25rem scale) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Radius — sharp editorial by default; admin: umum / tombol / field */
  --radius: 0;
  --radius-editorial: 0;
  --radius-sm: 0;
  --radius-button: 0;
  --radius-field: 0;
  --radius-full: 0;
  --wa-float: #25d366;
  --shadow-elegant: 0 1px 2px color-mix(in srgb, var(--color-ink) 4%, transparent),
    0 8px 24px color-mix(in srgb, var(--color-ink) 6%, transparent);
  --shadow-lift: 0 4px 16px color-mix(in srgb, var(--color-ink) 10%, transparent);

  /* Layout */
  --container: 72rem;
  --container-wide: 80rem;
  --header-h: 4.25rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 280ms;

  /* Vertical rhythm — satu skala untuk seluruh landing */
  --section-y: var(--space-16); /* 4rem antar section utama */
  --section-y-sm: var(--space-10); /* 2.5rem setelah hero / band ketat */
  --stack-gap: var(--space-4); /* dalam kartu / blok */
}