/**
 * KAJIAN SOLO - Global Design System & CSS Variables
 * Colors strictly follow Brand Identity specifications:
 */
:root {
  /* Brand Core Palette */
  --ks-primary: #00A356;
  --ks-primary-hover: #008F4C;
  --ks-primary-dark: #006B40;
  --ks-primary-light: #E6F6EE;
  --ks-secondary: #75866A;
  --ks-background: #F7FAF8;
  --ks-surface: #FFFFFF;
  --ks-text: #252923;
  --ks-muted: #777D75;
  --ks-border: #E5EBE7;
  --ks-accent: #D5B779;
  --ks-accent-light: #FAF4E8;

  /* Typography */
  --ks-font-main: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --ks-font-heading: 'Plus Jakarta Sans', sans-serif;
  --ks-font-arabic: 'Amiri', serif;

  /* Border Radius */
  --ks-radius-sm: 8px;
  --ks-radius-md: 12px;
  --ks-radius-lg: 16px;
  --ks-radius-xl: 24px;
  --ks-radius-pill: 50rem;

  /* Soft Elevation / Shadows */
  --ks-shadow-sm: 0 2px 6px rgba(37, 41, 35, 0.04);
  --ks-shadow-md: 0 6px 18px rgba(37, 41, 35, 0.06);
  --ks-shadow-lg: 0 12px 30px rgba(37, 41, 35, 0.08);
  --ks-shadow-hover: 0 14px 34px rgba(0, 163, 86, 0.12);

  /* Transitions */
  --ks-transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --ks-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}