/* ==========================================================================
   Renalog.my — Token Reka Bentuk
   Sumber kebenaran: docs/02-design-system.md
   Nisbah kontras dikira terhadap latar putih mengikut WCAG 2.x.
   ========================================================================== */

:root {
	/* --- Jenama: teal (penapisan, air) --- */
	--rnlg-teal-900: #0A3B3A;   /* 12.4:1 — tajuk, footer */
	--rnlg-teal-700: #0E5E5C;   /*  7.6:1 — teks pautan, latar butang utama */
	--rnlg-teal-500: #128A87;   /*  4.2:1 — HANYA teks putih besar, sempadan, ikon */
	--rnlg-teal-300: #6FBFBC;   /* sempadan, keadaan hover */
	--rnlg-teal-100: #E2F1F0;   /* latar kotak ringkasan */

	/* --- Aksen hangat --- */
	--rnlg-amber-600: #A85614;  /*  5.2:1 — teks aksen */
	--rnlg-amber-500: #E08A3C;  /* isian sahaja — teks putih GAGAL (2.7:1) */
	--rnlg-amber-100: #FBEDE0;  /* latar kotak perhatian */

	/* --- Status makanan (sentiasa berpasangan dengan ikon + label) --- */
	--rnlg-safe:    #276B43;    /* 6.4:1 — Selamat */
	--rnlg-caution: #8A5E00;    /* 5.7:1 — Hadkan */
	--rnlg-danger:  #B33A2B;    /* 5.9:1 — Elakkan */

	--rnlg-safe-bg:    #E4F1E9;
	--rnlg-caution-bg: #F7EDD3;
	--rnlg-danger-bg:  #F8E5E1;

	/* --- Neutral --- */
	--rnlg-ink-900: #15201F;    /* 16.7:1 — teks utama */
	--rnlg-ink-700: #33403E;    /* 10.8:1 — teks sekunder */
	--rnlg-ink-500: #5C6A68;    /*  5.7:1 — meta (saiz >= 14px sahaja) */
	--rnlg-ink-300: #A8B3B1;    /* sempadan */
	--rnlg-ink-100: #E8ECEB;    /* pembahagi, zebra jadual */
	--rnlg-paper:     #FFFFFF;
	--rnlg-paper-alt: #F7F9F9;

	/* --- Tipografi ---
	   Set fon sebenar dalam Blocksy Customizer. Token ini memastikan komponen
	   kekal konsisten walaupun tema ditukar. */
	--rnlg-font-head: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--rnlg-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	--rnlg-fs-body: 1.125rem;   /* 18px — JANGAN kurangkan, audiens 45–70 tahun */
	--rnlg-fs-lead: 1.25rem;
	--rnlg-fs-sm:   0.9375rem;
	--rnlg-lh-body: 1.75;
	--rnlg-lh-head: 1.2;
	--rnlg-measure: 68ch;

	/* --- Ruang & bentuk --- */
	--rnlg-s1: 4px;   --rnlg-s2: 8px;   --rnlg-s3: 12px;  --rnlg-s4: 16px;
	--rnlg-s5: 24px;  --rnlg-s6: 32px;  --rnlg-s7: 48px;  --rnlg-s8: 64px;
	--rnlg-radius: 8px;
	--rnlg-radius-lg: 12px;
	--rnlg-radius-pill: 999px;
	--rnlg-shadow: 0 1px 2px rgba(21,32,31,.06), 0 2px 8px rgba(21,32,31,.05);

	/* --- Pengganda saiz teks (kawalan A / A+ / A++) --- */
	--rnlg-text-scale: 1;
}

/*
   MOD GELAP — sengaja tidak diaktifkan dalam v1.

   Blocksy percuma tidak menyediakan togol mod gelap, jadi mengaktifkan
   token gelap di sini akan menghasilkan kotak gelap di atas halaman putih.
   Bila tema menyokong mod gelap, nyahkomen blok ini dan skopkannya kepada
   pemilih yang tema itu gunakan (contoh: [data-color-scheme="dark"]).

   [data-color-scheme="dark"] {
       --rnlg-paper: #121C1B;  --rnlg-paper-alt: #0C1413;
       --rnlg-ink-900: #E7EFED; --rnlg-ink-700: #B4C3C0; --rnlg-ink-500: #879793;
       --rnlg-ink-300: #2F4643; --rnlg-ink-100: #243634;
       --rnlg-teal-700: #5DBAB7; --rnlg-teal-100: #14302F;
       --rnlg-amber-600: #E5A264; --rnlg-amber-100: #2A1F14;
       --rnlg-safe: #6BC48D; --rnlg-caution: #DDB44E; --rnlg-danger: #E8836F;
   }
*/