/* =================================================================
   LENTERA PUBLIKA — DESIGN TOKENS
   Refined Minimalism meets Academic Prestige
================================================================= */

:root {
  /* ---------- Palet Warna ---------- */
  --lp-primary:        #0A1628;
  --lp-primary-rgb:    10, 22, 40;
  --lp-secondary:      #1B3A6B;
  --lp-secondary-rgb:  27, 58, 107;
  --lp-accent:         #2563EB;
  --lp-accent-rgb:     37, 99, 235;
  --lp-accent-hover:   #1d4ed8;
  --lp-light-navy:     #E8EDF7;
  --lp-bg-app:         #F5F7FA;
  --lp-white:          #FFFFFF;

  --lp-text-dark:      #0D1B2A;
  --lp-text-body:      #1f2a44;
  --lp-text-muted:     #6B7A99;
  --lp-text-soft:      #94A3B8;

  --lp-success:        #10B981;
  --lp-success-soft:   #d1fae5;
  --lp-warning:        #F59E0B;
  --lp-warning-soft:   #fef3c7;
  --lp-danger:         #EF4444;
  --lp-danger-soft:    #fee2e2;
  --lp-info:           #3B82F6;
  --lp-info-soft:      #dbeafe;

  --lp-border:         #DDE3F0;
  --lp-border-soft:    #EEF1F8;
  --lp-row-hover:      #F0F4FF;

  /* ---------- Tipografi ---------- */
  --lp-font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --lp-font-mono: 'JetBrains Mono', 'Roboto Mono', ui-monospace, monospace;

  --fs-display-xl: 2.5rem;
  --fs-display-l:  2rem;
  --fs-h1:         1.75rem;
  --fs-h2:         1.5rem;
  --fs-h3:         1.25rem;
  --fs-h4:         1.125rem;
  --fs-body-lg:    1rem;
  --fs-body:       0.9375rem;
  --fs-body-sm:    0.875rem;
  --fs-caption:    0.75rem;

  /* ---------- Spasi ---------- */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-7:  1.75rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  /* ---------- Radius ---------- */
  --r-xs: 3px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-xl: 10px;
  --r-pill: 999px;

  /* ---------- Shadow ---------- */
  --sh-sm:  0 1px 2px rgba(13, 27, 42, 0.06);
  --sh-md:  0 4px 12px -2px rgba(13, 27, 42, 0.08);
  --sh-lg:  0 10px 30px -8px rgba(13, 27, 42, 0.12);
  --sh-xl:  0 20px 50px -12px rgba(13, 27, 42, 0.18);
  --sh-cta: 0 6px 20px -6px rgba(37, 99, 235, 0.45);

  /* ---------- Transisi ---------- */
  --t-fast:   0.15s ease;
  --t-base:   0.25s ease;
  --t-slow:   0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* ---------- Layout ---------- */
  --sidebar-w-open:      280px;
  --sidebar-w-collapsed: 72px;
  --topbar-h:            68px;

  --z-sidebar:  90;
  --z-topbar:   100;
  --z-modal:    1050;
  --z-toast:    1080;
}