/* ============================================================
   PERTAMINA TOKENS — enterprise formal
   Tema putih + aksen Merah #E01020, Biru #0060B0, Lime #A0C020
   Referensi: mypertamina.id, kemitraan.patraniaga.com
   Karakter: crisp, radius konservatif, shadow tipis, tegas
   Karakter: crisp, radius konservatif, shadow tipis, tegas
   ============================================================ */
/* Font: app-wide memakai Plus Jakarta Sans (next/font di layout root) —
   @font-face Inter bawaan template sengaja dibuang. */

:root {
  /* ---------- Brand ---------- */
  --c-primary:          #E01020;
  --c-primary-hover:    #C60D1B;
  --c-primary-active:   #A80B17;
  --c-primary-soft:     #FDECEE;
  --c-on-primary:       #ffffff;

  --c-secondary:        #0060B0;
  --c-secondary-hover:  #00509A;
  --c-secondary-soft:   #E8F1FA;
  --c-on-secondary:     #ffffff;

  /* ---------- Semantic (hijau = lime khas Pertamina) ---------- */
  --c-success:          #6E8E0F;
  --c-success-soft:     #F2F7E0;
  --c-lime:             #A0C020;
  --c-warning:          #D98207;
  --c-warning-soft:     #FDF2E0;
  --c-danger:           #C60D1B;
  --c-danger-soft:      #FDECEE;
  --c-info:             #0060B0;
  --c-info-soft:        #E8F1FA;
  --c-on-status:        #ffffff;

  /* ---------- Neutral (cool, korporat) ---------- */
  --c-n-50:  #F8FAFC;
  --c-n-100: #F1F4F8;
  --c-n-200: #E3E8EF;
  --c-n-300: #CDD5E0;
  --c-n-400: #9AA5B5;
  --c-n-500: #6B7688;
  --c-n-600: #4E5868;
  --c-n-700: #364050;
  --c-n-800: #1F2836;
  --c-n-900: #0F1926;

  /* ---------- Surface & text ---------- */
  --c-bg:            #F4F6F9;
  --c-surface:       #ffffff;
  --c-surface-2:     var(--c-n-50);
  --c-surface-3:     var(--c-n-100);
  --c-border:        var(--c-n-200);
  --c-border-strong: var(--c-n-300);
  --c-text:          var(--c-n-900);
  --c-text-muted:    var(--c-n-500);
  --c-text-subtle:   var(--c-n-400);
  --c-text-invert:   #ffffff;

  /* ---------- Sidebar: NAVY + aksen merah ---------- */
  --c-sidebar-bg:          #0F1F3D;
  --c-sidebar-text:        #A9B6CC;
  --c-sidebar-text-hover:  #ffffff;
  --c-sidebar-active-bg:   rgba(224, 16, 32, .30);
  --c-sidebar-active-text: #ffffff;
  --c-sidebar-border:      #1B2E52;
  --c-sidebar-heading:     #7E90B4;
  --c-header-bg:           #ffffff;
  --c-header-text:         var(--c-n-800);
  --c-header-border:       var(--c-n-200);

  /* ---------- Top brand bar (khas korporat BUMN) ---------- */
  --c-brandbar-bg:  linear-gradient(90deg, #E01020 0%, #E01020 33.33%, #0060B0 33.33%, #0060B0 66.66%, #A0C020 66.66%, #A0C020 100%);
  --c-brandbar-h:   4px;


  /* ---------- Radius: KONSERVATIF & TEGAS ---------- */
  --r-xs:   2px;
  --r-sm:   4px;
  --r-md:   6px;
  --r-lg:   8px;
  --r-xl:   10px;
  --r-pill: 999px;

  /* ---------- Shadow: TIPIS & CRISP ---------- */
  --sh-xs: 0 1px 1px rgba(15, 25, 38, .05);
  --sh-sm: 0 1px 3px rgba(15, 25, 38, .09);
  --sh-md: 0 3px 8px rgba(15, 25, 38, .11);
  --sh-lg: 0 10px 22px rgba(15, 25, 38, .16);
  --sh-focus: 0 0 0 3px rgba(224, 16, 32, .20);

  /* ---------- Typography ---------- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---------- Layout: lebih padat/efisien ---------- */
  --sidebar-w: 256px;
  --header-h:  58px;
}

/* ============================================================
   PERTAMINA DARK — navy dalam, merah tetap tegas
   ============================================================ */
[data-theme="dark"] {
  --c-primary:       #FF4A56;
  --c-primary-hover: #FF6670;
  --c-primary-soft:  #33161A;
  --c-secondary:     #4D9BE0;
  --c-secondary-soft:#12263B;
  --c-lime:          #B8D93A;

  --c-success:       #9DBE2B;
  --c-success-soft:  #1D2612;
  --c-warning-soft:  #2E2312;
  --c-danger:        #FF4A56;
  --c-danger-soft:   #33161A;
  --c-info-soft:     #12263B;

  --c-bg:            #0A1120;
  --c-surface:       #111B2E;
  --c-surface-2:     #17233A;
  --c-surface-3:     #1E2C47;
  --c-border:        #22314C;
  --c-border-strong: #31435F;
  --c-text:          #E9EEF6;
  --c-text-muted:    #9BAAC2;
  --c-text-subtle:   #70819B;

  --c-sidebar-bg:          #0A1426;
  --c-sidebar-text:        #93A3BE;
  --c-sidebar-text-hover:  #ffffff;
  --c-sidebar-active-bg:   rgba(255, 74, 86, .18);
  --c-sidebar-active-text: #ffffff;
  --c-sidebar-border:      #16233C;
  --c-sidebar-heading:     #7A8CAE;
  --c-header-bg:           #111B2E;
  --c-header-text:         #E9EEF6;
  --c-header-border:       #22314C;

  --sh-xs: 0 1px 1px rgba(0, 0, 0, .4);
  --sh-sm: 0 1px 3px rgba(0, 0, 0, .5);
  --sh-md: 0 3px 8px rgba(0, 0, 0, .55);
  --sh-lg: 0 10px 22px rgba(0, 0, 0, .6);
  --sh-focus: 0 0 0 3px rgba(255, 74, 86, .28);
}