@font-face{font-family:"Plus Jakarta Sans";src:url("/fonts/plus-jakarta-sans/PlusJakartaSans-Variable.woff2") format("woff2");
  font-weight:200 800;font-style:normal;font-display:swap}
:root{
  /* brand */
  --c-primary:#0495D5;        /* buttons, active nav, links ("Masuk", "Lihat e-KTA") */
  --c-primary-600:#037DB4;    /* hover (derived) */
  --c-primary-50:#ECF5FE;     /* segmented control bg, soft fills */
  --c-navy:#015C8F;           /* gradient start, headings on light, name on home */
  --c-navy-900:#014A73;       /* deep variant (derived) */
  --c-teal:#3E8C83;           /* gradient mid */
  --c-green:#8DC268;          /* gradient end */
  --c-green-100:#C4E49E;      /* soft top glow on login/register */
  --grad-brand:linear-gradient(135deg,var(--c-navy) 0%,var(--c-teal) 55%,var(--c-green) 100%);
  --grad-glow:radial-gradient(120% 60% at 50% 0%,var(--c-green-100) 0%,rgba(237,241,243,0) 70%);
  /* status */
  --c-success:#10B981; --c-success-soft:#34D399; --c-success-bg:#D1FAE5;
  --c-danger:#EF4444;  --c-danger-bg:#FEE2E2;
  --c-info:#007AFF;    --c-warning-bg:#FFEDD5; --c-accent-purple-bg:#EEE8FD;
  /* neutrals */
  --c-bg:#EDF1F3;  --c-surface:#FFFFFF; --c-surface-unread:#F2F9FD;
  --c-text:#1A1C1E; --c-text-2:#525252; --c-text-3:#6C7278; --c-border:#E3E8EC;
  /* shape */
  --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --shadow-card:0 6px 24px rgba(1,92,143,.08); --shadow-nav:0 8px 30px rgba(0,0,0,.08);
  /* type scale */
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.125rem; --fs-xl:1.5rem; --fs-2xl:2rem; --fs-3xl:clamp(2rem,4vw,3.25rem);
  --space:clamp(1rem,2.5vw,1.5rem);
}