:root {
  /* ---------------------------------------------------------------------
     HTRR Shared Design Tokens
     ---------------------------------------------------------------------
     Purpose:
     - Provide a single, reusable palette/spacing vocabulary that can be
       consumed by public dashboard UI and internal admin console UI.
     - Avoid importing admin CSS into the public dashboard (admin CSS
       contains global element rules), while still aligning look & feel.
     --------------------------------------------------------------------- */

  /* Core surfaces */
  --bg-base: #f5f7fa;
  --bg-surface: #ffffff;

  /* Brand + accents */
  --primary: #0e5c3a;
  --primary-dark: #0a3f28;
  --accent: #0ea5e9;
  --accent-soft: #5cc4f3;
  --emerald: #0f9a6a;

  /* Text */
  --text-main: #0f172a;
  --text-muted: #475569;

  /* Borders + shadows */
  --border-soft: #d7e1e8;
  --shadow-soft: 0 18px 40px rgba(12, 25, 36, 0.12);

  /* Radii */
  --radius-lg: 22px;
  --radius-md: 14px;
}