/* =====================================================================
   TEMA MYSKINLAB — sesuai Visual Brand Identity Guideline MSL
   Ubah warna/font di file ini saja; dashboard & simulator ikut berubah.
   ===================================================================== */

/* Typeface brand: Anivers (Regular, Bold, Italic).
   Untuk memakainya, taruh file font berlisensi di static/brand/fonts/
   (Anivers-Regular.woff2, Anivers-Bold.woff2). Selama file belum ada,
   tampilan otomatis memakai font sistem. */
@font-face{font-family:"Anivers";src:url("/static/brand/fonts/Anivers-Regular.woff2") format("woff2"),url("/static/brand/fonts/Anivers-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Anivers";src:url("/static/brand/fonts/Anivers-Bold.woff2") format("woff2"),url("/static/brand/fonts/Anivers-Bold.otf") format("opentype");font-weight:700;font-display:swap}

:root{
  /* --- Warna primer (guideline) --- */
  --liberty:#6256a4;        /* Liberty   R98  G86  B164 */
  --ocean-green:#58be97;    /* Ocean Green R88 G190 B151 */
  /* --- Warna sekunder (guideline) --- */
  --sec-orange:#f6bd71;
  --sec-lime:#b5d564;
  --sec-sky:#5bcaf4;
  --sec-navy:#314a9e;

  /* --- Peran warna di aplikasi --- */
  --brand:var(--liberty);         /* sidebar, tombol utama, tab aktif */
  --brand-hover:#4f448d;          /* Liberty lebih gelap */
  --brand-2:#8a80c2;              /* Liberty lebih muda (grafik, aksen) */
  --brand-soft:#ecebf6;           /* latar lembut Liberty */
  --accent:var(--ocean-green);    /* aksen hijau */
  --accent-ink:#2a8463;           /* Ocean Green gelap, untuk TEKS hijau agar terbaca */
  --accent-soft:#e3f4ed;

  --bg:#f6f5fa; --panel:#ffffff; --ink:#26233a; --muted:#77738c; --line:#e5e3ef; --soft:#f8f7fc;
  --chat-bg:#eeedf4;

  /* status: diambil dari palet sekunder, dibuat lebih gelap untuk teks */
  --ok:var(--accent-ink); --ok-soft:var(--accent-soft);
  --warn:#9a6517;  --warn-soft:#fdf1df;      /* dari Orange #f6bd71 */
  --info:#1d7aa3;  --info-soft:#e2f5fd;      /* dari Sky #5bcaf4 */
  --navy:var(--sec-navy);
  --bad:#c0394b;   --bad-soft:#fce6e9;       /* merah hanya untuk URGENT/bahaya */
  --neutral:#6d6880; --neutral-soft:#f0eff5;

  --font:"Anivers",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-heading:"Anivers",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:14px;
}