:root{
  /* INTAZAM Brand v1 — approved direction: Poros Tertib × Tipografi Grid */
  --intazam-brand-navy-950:#071D3B;
  --intazam-brand-navy-900:#0B2D5B;
  --intazam-brand-navy-800:#123D70;
  --intazam-brand-navy-700:#1B4D82;
  --intazam-brand-navy-100:#EAF0F7;
  --intazam-brand-orange-600:#D86508;
  --intazam-brand-orange-500:#F7931E;
  --intazam-brand-orange-400:#FFAA55;
  --intazam-brand-orange-100:#FFF1E4;
  --intazam-brand-white:#FFFFFF;

  /* Neutral palette */
  --intazam-neutral-950:#17233A;
  --intazam-neutral-800:#344158;
  --intazam-neutral-700:#526077;
  --intazam-neutral-600:#657287;
  --intazam-neutral-500:#8994A5;
  --intazam-neutral-300:#D5DCE6;
  --intazam-neutral-200:#E3E8EF;
  --intazam-neutral-100:#F2F5F8;
  --intazam-neutral-050:#F9FAFC;

  /* Semantic status palette */
  --intazam-success-700:#1F6A45;
  --intazam-success-100:#EAF7EF;
  --intazam-warning-700:#8A4B0F;
  --intazam-warning-100:#FFF4DF;
  --intazam-danger-700:#8F2F18;
  --intazam-danger-100:#FFF0EC;

  /* Semantic UI aliases */
  --intazam-color-background:#F6F8FB;
  --intazam-color-surface:#FFFFFF;
  --intazam-color-surface-soft:#F9FAFC;
  --intazam-color-surface-muted:#F2F5F8;
  --intazam-color-text:#17233A;
  --intazam-color-text-soft:#657287;
  --intazam-color-text-faint:#8994A5;
  --intazam-color-border:#E3E8EF;
  --intazam-color-border-strong:#D5DCE6;
  --intazam-color-accent:#F7931E;
  --intazam-color-accent-strong:#9A3A08;
  --intazam-color-accent-soft:#FFF1E4;
  --intazam-color-action:#9A3A08;
  --intazam-color-action-hover:#7C2E06;
  --intazam-color-focus:#F2A25A;

  /* Typography */
  --intazam-font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --intazam-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --intazam-font-weight-regular:400;
  --intazam-font-weight-medium:600;
  --intazam-font-weight-semibold:700;
  --intazam-font-weight-bold:800;
  --intazam-letterspace-brand:.16em;
  --intazam-letterspace-label:.12em;

  /* Radius */
  --intazam-radius-xs:6px;
  --intazam-radius-sm:8px;
  --intazam-radius-md:12px;
  --intazam-radius-lg:18px;
  --intazam-radius-pill:999px;

  /* Spacing — 4px base rhythm */
  --intazam-space-1:4px;
  --intazam-space-2:8px;
  --intazam-space-3:12px;
  --intazam-space-4:16px;
  --intazam-space-5:20px;
  --intazam-space-6:24px;
  --intazam-space-8:32px;
  --intazam-space-10:40px;
  --intazam-space-12:48px;

  /* Elevation */
  --intazam-shadow-sm:0 1px 2px rgba(11,45,91,.05);
  --intazam-shadow-md:0 12px 32px rgba(11,45,91,.09);
  --intazam-shadow-lg:0 28px 80px rgba(7,29,59,.18);

  /* Layout */
  --intazam-sidebar-width:224px;
  --intazam-content-max:1600px;
}