:root {
  /* Bersihin Kasur — Organic / Human Digital */
  --bk-azure-mist: #EEF8F9;
  --bk-light-blue: #AED5D1;
  --bk-ocean-deep: #0B60AC;
  --bk-straw-gold: #F0E068;
  --bk-bronze-spice: #CE5619;

  --bk-primary: var(--bk-ocean-deep);
  --bk-primary-700: #084D8B;
  --bk-primary-600: #0A5599;
  --bk-primary-100: #DDEEF9;
  --bk-primary-50: #F1F8FD;
  --bk-accent: var(--bk-straw-gold);
  --bk-cta: var(--bk-bronze-spice);
  --bk-cta-hover: #AD4513;

  --bk-ink: #173451;
  --bk-ink-soft: #34526D;
  --bk-muted: #6B8394;
  --bk-border: rgba(11, 96, 172, 0.14);
  --bk-border-strong: rgba(11, 96, 172, 0.24);
  --bk-bg: var(--bk-azure-mist);
  --bk-surface: #FFFFFF;
  --bk-surface-soft: #F8FCFC;
  --bk-surface-blue: rgba(174, 213, 209, 0.28);

  --bk-success: #2E9B63;
  --bk-success-soft: #E3F6EA;
  --bk-warning: #B47A00;
  --bk-warning-soft: #FFF7D5;
  --bk-danger: #B64232;
  --bk-danger-soft: #FCE9E5;
  --bk-info: #1979C3;
  --bk-info-soft: #E4F2FC;

  --bk-radius-xs: 10px;
  --bk-radius-sm: 14px;
  --bk-radius: 20px;
  --bk-radius-lg: 28px;
  --bk-radius-xl: 36px;
  --bk-pill: 999px;

  --bk-shadow-xs: 0 2px 8px rgba(24, 74, 104, 0.05);
  --bk-shadow: 0 12px 32px rgba(24, 74, 104, 0.09);
  --bk-shadow-lg: 0 22px 52px rgba(24, 74, 104, 0.13);

  --bk-font-heading: "Lora", Georgia, serif;
  --bk-font-body: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --bk-topbar-height: 76px;
  --bk-mobile-nav-height: 76px;
  --bk-content-max: 1680px;
  --bk-transition: 180ms ease;
}