/* static/css/theme.css */
/* =========================================================
   THEME SSOT — Modern Academic
   - tokens global untuk seluruh halaman
   - baseline typography + surface
   - kompatibel dengan siteHeader.css (chipbg, dll)
   ========================================================= */

:root{
  /* Surfaces */
  --bg: #f7f8fb;
  --card: #ffffff;
  --card-2: #fbfcff;

  /* Text */
  --text: #0f172a;   /* slate-900 */
  --muted: #475569;  /* slate-600 */
  --muted-2: #64748b;/* slate-500 */

  /* Lines */
  --border: rgba(15, 23, 42, .10);
  --border-2: rgba(15, 23, 42, .14);

  /* Brand / semantic */
  --accent: #4f46e5;   /* indigo-600 */
  --info: #2563eb;     /* blue-600 */
  --success: #059669;  /* emerald-600 */
  --warning: #d97706;  /* amber-600 */
  --danger: #dc2626;   /* red-600 */

  /* Soft tints (buat badge/bg subtle) */
  --info-bg: rgba(37, 99, 235, .10);
  --success-bg: rgba(5, 150, 105, .10);
  --warning-bg: rgba(217, 119, 6, .12);
  --danger-bg: rgba(220, 38, 38, .10);

  /* Header chips/pills (dibutuhin siteHeader.css) */
  --chipbg: rgba(79, 70, 229, .10);
  --chipbg-hover: rgba(79, 70, 229, .14);

  /* Focus ring */
  --ring: rgba(79, 70, 229, .28);

  /* Radius */
  --r-sm: 10px;
  --r-md: 12px;
  --r-lg: 16px;

  /* Shadow */
  --shadow-sm: 0 10px 26px rgba(2, 6, 23, .10);
  --shadow-md: 0 20px 60px rgba(2, 6, 23, .18);

  /* Motion */
  --dur-1: 140ms;
  --dur-2: 180ms;
  --ease: cubic-bezier(.2,.8,.2,1);

  /* Layout */
  --page-pad: 18px;
    /* Overlay z-index policy (global) */
  --z-header: 1000;
  --z-toast: 200000;
  --z-modal: 300000;

/* =================================================
   Notify System Tokens (PARCHEMENT / SYSTEM UI)
   Tidak ikut theme halaman
   ================================================= */

--notify-card: #f3e6cf;
--notify-card-2: #efe0c4;
--notify-border: #d8c29a;
--notify-border-2: #c9b283;
--notify-text: #2b1f12;
--notify-muted: #6b5a43;

--notify-shadow-sm: 0 10px 26px rgba(43,31,18,.18);
--notify-shadow-md: 0 22px 60px rgba(43,31,18,.28);

--notify-backdrop: rgba(20,16,10,.46);
}

/* Baseline page */
html, body{
  height: 100%;
}
body{
  margin: 0;
  background: var(--bg);
  color: var(--text);
  /* kalau kamu sudah set font global elsewhere, boleh hapus baris font-family ini */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif;
  line-height: 1.45;
}

/* Links */
a{
  color: var(--accent);
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

/* Common containers (opsional, tapi enak) */
.container{
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--page-pad);
}

/* Cards (opsional helper) */
.card{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-sm);
}

/* Inputs/buttons baseline (biar consistent) */
input, select, textarea{
  color: var(--text);
}
:focus-visible{
  outline: 3px solid var(--ring);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Theme variant: parchment (untuk halaman bernuansa baca/manuskrip) */
html[data-theme="parchment"]{
  --notify-card: #fbf4e6;
  --notify-card-2: #f6ead6;
  --notify-border: rgba(92, 57, 23, .18);
  --notify-border-2: rgba(92, 57, 23, .24);
  --notify-text: #1f2937;
  --notify-muted: rgba(31, 41, 55, .75);
  --notify-shadow-sm: 0 14px 36px rgba(24, 16, 6, .14);
  --notify-shadow-md: 0 22px 70px rgba(24, 16, 6, .22);
  --notify-backdrop: rgba(24, 16, 6, .42);
}