[data-theme="terraengine"] {
  /* DaisyUI v4 uses short-form variables */
  --p:   48% 0.12 145;   /* primary — Enggang green */
  --pc:  98% 0.01 145;
  --s:   58% 0.10 145;   /* secondary */
  --sc:  98% 0.01 145;
  --a:   42% 0.11 155;   /* accent */
  --ac:  98% 0.01 155;
  --n:   20% 0.00 0;     /* neutral */
  --nc:  98% 0.00 0;
  --b1:  100% 0.00 0;    /* base-100 */
  --b2:  97% 0.00 0;     /* base-200 */
  --b3:  92% 0.00 0;     /* base-300 */
  --bc:  20% 0.00 0;     /* base-content */
  --in:  60% 0.15 240;   /* info */
  --inc: 98% 0.01 240;
  --su:  48% 0.12 145;   /* success */
  --suc: 98% 0.01 145;
  --wa:  65% 0.15 60;    /* warning */
  --wac: 20% 0.05 60;
  --er:  55% 0.20 25;    /* error — solid red */
  --erc: 98% 0.01 25;
  --rounded-box:   0.5rem;
  --rounded-btn:   0.375rem;
  --rounded-badge: 0.25rem;
}

/*
  CDN Tailwind limitation: opacity modifier classes (bg-error/10, text-primary/50 etc.)
  do NOT work without a build step. Use the .stat-* classes below or explicit inline styles
  for status/RAG colours on new pages.
*/

/* RAG stat cards — use these instead of bg-error/10 etc. */
.stat-card-red    { background: #fef2f2; border: 1px solid #fecaca; }
.stat-card-amber  { background: #fffbeb; border: 1px solid #fde68a; }
.stat-card-green  { background: #f0fdf4; border: 1px solid #bbf7d0; }
.stat-card-grey   { background: #f9fafb; border: 1px solid #e5e7eb; }

.stat-label-red   { color: #ef4444; font-size: 0.75rem; font-weight: 500; }
.stat-label-amber { color: #f59e0b; font-size: 0.75rem; font-weight: 500; }
.stat-label-green { color: #16a34a; font-size: 0.75rem; font-weight: 500; }

.stat-value-red   { color: #ef4444; font-size: 1.875rem; font-weight: 700; }
.stat-value-amber { color: #f59e0b; font-size: 1.875rem; font-weight: 700; }
.stat-value-green { color: #16a34a; font-size: 1.875rem; font-weight: 700; }

/* RAG inline text */
.text-rag-red   { color: #ef4444; }
.text-rag-amber { color: #f59e0b; }
.text-rag-green { color: #16a34a; }