/* WelfarePro — tokens.css */
:root {
  /* Brand */
  --or: #E8610A;
  --or-dark: #B84C06;
  --or-mid: #F07828;
  --or-light: #FEF0E6;
  --or-pale: #FFF8F3;
  --gold: #D4860F;
  --gold-light: #FEF3C7;

  /* Semantic colours */
  --green: #16A34A;
  --green-light: #DCFCE7;
  --green-mid: #5A9E27;
  --blue: #2563EB;
  --blue-light: #DBEAFE;
  --blue-dark: #1D4ED8;
  --red: #DC2626;
  --red-light: #FEE2E2;
  --red-border: #FCA5A5;
  --purple: #7C3AED;
  --purple-light: #EDE9FE;
  --teal: #0D9488;
  --teal-light: #CCFBF1;
  --amber: #D97706;
  --amber-light: #FEF3C7;
  --pink: #DB2777;
  --pink-light: #FCE7F3;
  --gray: #6B7280;
  --gray-light: #F3F4F6;

  /* Layout */
  --sidebar-bg: #0F0500;
  --page-bg: #FFF8F3;
  --card: #ffffff;
  --border: rgba(232,97,10,.13);
  --border2: rgba(0,0,0,.05);

  /* Text */
  --text: #1A0800;
  --text2: #5C3D1E;
  --text3: #A0714F;

  /* Radius */
  --radius: 9px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(232,97,10,.08);
  --shadow-md: 0 6px 24px rgba(232,97,10,.14);
  --shadow-lg: 0 8px 32px rgba(232,97,10,.16);

  /* Z-index */
  --z-dropdown: 100;
  --z-drawer: 300;
  --z-modal: 400;
  --z-toast: 999;
  --z-loading: 9999;
}