/*!
 * Hoja — tema UI by lin-Dev@kadal
 * Copyright (c) 2026 lin-Dev@kadal. All rights reserved. — lihat plugins/hoja/LICENSE
 * Dipakai oleh aplikasi Traya. Semua warna, font, sudut & bayangan ada di file ini.
 */
/*
 * ============================================================
 *  TEMA HOJA — satu sumber warna, font, sudut & bayangan
 * ============================================================
 *  Ubah nilai di sini untuk mengganti tampilan seluruh aplikasi:
 *  - Tailwind (bg-brand-600, text-ink, ring-coral-500, ...) membaca variabel ini lewat hoja.tailwind.js
 *  - Bootstrap (btn-primary, text-bg-success, ...) membaca variabel ini lewat hoja.bootstrap.css
 *  - CSS sendiri: var(--hoja-primary), var(--hoja-radius), dst.
 *
 *  Warna palet ditulis sebagai "R G B" (tanpa koma) agar Tailwind bisa memberi transparansi (mis. bg-brand-600/30).
 *  Pratinjau: buka /plugins/hoja/preview.html
 */
:root {
  /* ---------- Warna merek (hijau Traya) ---------- */
  --hoja-brand-50: 236 253 248;   /* #ecfdf8 */
  --hoja-brand-100: 209 250 239;  /* #d1faef */
  --hoja-brand-200: 166 243 223;  /* #a6f3df */
  --hoja-brand-300: 109 230 202;  /* #6de6ca */
  --hoja-brand-400: 52 207 176;   /* #34cfb0 */
  --hoja-brand-500: 18 181 151;   /* #12b597 */
  --hoja-brand-600: 8 146 123;    /* #08927b — warna utama */
  --hoja-brand-700: 10 117 101;   /* #0a7565 */
  --hoja-brand-800: 13 93 81;     /* #0d5d51 */
  --hoja-brand-900: 14 77 68;     /* #0e4d44 */

  /* ---------- Warna aksen ---------- */
  --hoja-gold-400: 240 200 96;    /* #f0c860 */
  --hoja-gold-500: 230 181 60;    /* #e6b53c — emas pita logo */
  --hoja-gold-600: 201 152 36;    /* #c99824 */
  --hoja-coral-50: 255 243 240;   /* #fff3f0 */
  --hoja-coral-100: 255 227 220;  /* #ffe3dc */
  --hoja-coral-400: 255 138 112;  /* #ff8a70 */
  --hoja-coral-500: 255 107 74;   /* #ff6b4a */
  --hoja-coral-600: 236 79 46;    /* #ec4f2e */

  /* ---------- Latar gelap (panel mode gelap) ---------- */
  --hoja-night-700: 15 31 33;      /* #0f1f21 */
  --hoja-night-800: 11 26 28;      /* #0b1a1c */
  --hoja-night-900: 8 19 21;       /* #081315 */

  /* ---------- Teks & permukaan ---------- */
  --hoja-ink: 15 42 46;           /* #0f2a2e — teks utama */
  --hoja-body: 54 78 82;          /* #364e52 — teks isi */
  --hoja-muted: 107 124 128;      /* #6b7c80 */
  --hoja-line: 214 227 223;       /* #d6e3df — garis/border */
  --hoja-bg: 245 249 248;         /* #f5f9f8 — latar halaman */
  --hoja-surface: 255 255 255;    /* #ffffff — kartu */

  /* ---------- Status ---------- */
  --hoja-success: 5 150 105;      /* #059669 */
  --hoja-warning: 217 119 6;      /* #d97706 */
  --hoja-danger: 220 38 38;       /* #dc2626 */
  --hoja-info: 14 116 144;        /* #0e7490 */

  /* ---------- Alias siap pakai (hex/rgb penuh) ---------- */
  --hoja-primary: rgb(var(--hoja-brand-600));
  --hoja-primary-hover: rgb(var(--hoja-brand-700));
  --hoja-accent: rgb(var(--hoja-gold-500));

  /* ---------- Tipografi ---------- */
  --hoja-font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --hoja-font-heading: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --hoja-font-display: "Anton", "Bebas Neue", Impact, sans-serif;   /* angka besar, judul lomba */
  --hoja-font-modern: "Mona Sans", "Plus Jakarta Sans", sans-serif; /* halaman share event */

  /* ---------- Sudut & bayangan ---------- */
  --hoja-radius-sm: .5rem;
  --hoja-radius: .75rem;
  --hoja-radius-lg: 1rem;
  --hoja-radius-xl: 1.5rem;
  --hoja-radius-pill: 9999px;
  --hoja-shadow-sm: 0 1px 2px rgba(15, 42, 46, .05);
  --hoja-shadow: 0 1px 2px rgba(15, 42, 46, .04), 0 10px 30px -18px rgba(15, 42, 46, .25);
  --hoja-shadow-lg: 0 30px 60px -30px rgba(6, 40, 36, .4);
}

/* ---------- Mode gelap ---------- */
/* (--hoja-ink sengaja tidak dibalik: kelas lama memakai "text-ink dark:text-white" / "bg-ink") */
.dark {
  --hoja-body: 203 213 225;
  --hoja-muted: 148 163 184;
  --hoja-line: 30 52 55;
  --hoja-bg: 8 19 21;             /* #081315 */
  --hoja-surface: 15 31 33;       /* #0f1f21 */
  --hoja-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 14px 34px -18px rgba(0, 0, 0, .7);
}