:root {
  /* Kapur — limewash paper */
  --kapur-0: #FBF9F4;
  --kapur-50: #F5F2EB;
  --kapur-100: #ECE7DC;
  /* Paras — grey volcanic carving stone */
  --paras-200: #DDD6C8;
  --paras-300: #C7BFAF;
  --paras-500: #8C8577;
  --paras-600: #6E685C;
  --paras-700: #57524A;
  /* Ijuk — black sugar-palm thatch */
  --ijuk-800: #2B2824;
  --ijuk-900: #1A1815;
  /* Bata — temple red brick (primary accent) */
  --bata-100: #F1DED3;
  --bata-300: #D59A80;
  --bata-500: #A1442A;
  --bata-600: #843620;
  /* Prada — gold leaf (ceremony only) */
  --prada-100: #F2E7CC;
  --prada-500: #A97E2C;
  --prada-300: #D9B56A;
  /* Lumut — temple moss (nature, East Bali, open) */
  --lumut-100: #E1E8DA;
  --lumut-500: #4A6843;
  --lumut-600: #3A5434;

  /* Nawa Sanga — directional colours; use ONLY to code temples/directions on maps */
  --nawa-iswara-east: #FFFFFF;
  --nawa-brahma-south: #B23A2E;
  --nawa-mahadewa-west: #D3A12B;
  --nawa-wisnu-north: #1A1815;
  --nawa-siwa-centre: #8C8577;

  /* Semantic — Tri Mandala surfaces (outer → inner) */
  --surface-nista: var(--kapur-50);   /* outer court: practical info, default page */
  --surface-madya: var(--kapur-100);  /* middle court: context, cards, bands */
  --surface-utama: var(--ijuk-900);   /* inner court: the sacred, ceremony, story */
  --surface-raised: var(--kapur-0);
  --surface-stone: var(--paras-200);

  --text-1: var(--ijuk-900);
  --text-2: var(--paras-700);
  --text-3: var(--paras-600);
  --text-on-utama: #EFE9DD;
  --text-on-utama-2: #B9B1A2;
  --text-accent: var(--bata-500);

  --accent: var(--bata-500);
  --accent-hover: var(--bata-600);
  --accent-on-utama: var(--bata-300);

  --border-1: rgba(26, 24, 21, 0.14);
  --border-2: rgba(26, 24, 21, 0.28);
  --border-strong: var(--ijuk-900);
  --border-on-utama: rgba(239, 233, 221, 0.18);

  --status-open: var(--lumut-500);
  --status-open-bg: var(--lumut-100);
  --status-busy: var(--prada-500);
  --status-busy-bg: var(--prada-100);
  --status-closure: var(--bata-500);
  --status-closure-bg: var(--bata-100);

  --focus-ring: 0 0 0 2px var(--kapur-50), 0 0 0 4px var(--bata-500);
}