/* ============================================================
   skorika.com — css/tokens.css
   Palet warna & radius bersama (design tokens).

   Dibuat 9 Agu 2026 saat restrukturisasi. Sebelumnya blok :root ini
   disalin ulang di 12-14 halaman, sehingga mengubah satu warna berarti
   menyunting belasan berkas dan hasilnya bisa berbeda-beda.

   Cara pakai: muat PALING AWAL, sebelum <style> halaman.
     <link rel="stylesheet" href="/css/tokens.css">

   Halaman boleh menimpa nilai apa pun dengan menulis ulang :root di
   <style> miliknya sendiri (yang belakangan menang).

   CATATAN: Drive/index.html dan admin/library.html sengaja TIDAK
   memakai berkas ini — keduanya berpalet terang sendiri
   (--line, --ink, --hover bernilai lain).
   ============================================================ */
:root {
  /* --- warna dasar (tema Paper Toy) --- */
  --header:     #3B142A;                 /* latar bilah atas / halaman gelap */
  --plum:       #3D172D;                 /* permukaan kartu di atas latar gelap */
  --plum-3:     #4A1D36;                 /* permukaan sedikit lebih terang */
  --cream:      #F3EFDA;                 /* teks utama di atas latar gelap */
  --cream-dim:  rgba(243,239,218,.78);   /* teks sekunder */
  --cream-dim2: rgba(243,239,218,.58);   /* teks tersier / keterangan */
  --peach:      #FFD9A6;                 /* aksen hangat */
  --pink:       #FF319F;                 /* warna merek — sama dengan logo */
  --line:       rgba(243,239,218,.16);   /* garis pemisah di latar gelap */

  /* --- untuk teks gelap di atas latar terang --- */
  --ink-soft:   rgba(59,20,42,.7);
  --ink-line:   rgba(59,20,42,.2);

  /* --- sudut membulat --- */
  --r:          4px;

  /* --- alias lama, dipertahankan agar halaman yang memakainya tetap jalan.
         Nilainya sengaja sama dengan variabel di atas. --- */
  --plum-2:     #3D172D;                 /* = --plum */
  --pd-header:  #3B142A;                 /* = --header */
  --pd-plum:    #3D172D;                 /* = --plum  */
  --pd-cream:   #F3EFDA;                 /* = --cream */
  --pd-peach:   #FFD9A6;                 /* = --peach */
  --pd-pink:    #FF319F;                 /* = --pink  */
  --pd-line:    rgba(243,239,218,.16);   /* = --line  */
}