/* ============================================================
   Midani — TIER 1 · PRIMITIVES
   Raw, context-free ramps. Product UI should NOT use these
   directly — reference the semantic roles instead. Primary
   brand green lands at --g-600 (#0E8F6E).

   MIRRORED from the Midani Design System (claude.ai/design,
   project "Midani Design System", design/primitives.css).
   Do not hand-edit — re-pull to update. Client overrides for
   this portal live in signs-brand.css.
   ============================================================ */
:root {
  /* ---- Brand green ramp (primary = --g-600) ---- */
  --g-50:  #ECFDF5;
  --g-100: #D2F9E7;
  --g-200: #A6F0D1;
  --g-300: #6FE0B6;
  --g-400: #34C79A;   /* dark-theme brand */
  --g-500: #16A782;
  --g-600: #0E8F6E;   /* ★ PRIMARY · light-theme brand / CTA */
  --g-700: #0B7359;   /* hover */
  --g-800: #0A5C49;   /* active / pressed */
  --g-900: #08493B;

  /* ---- Neutral / slate ramp (cool-balanced charcoal) ---- */
  --n-0:   #FFFFFF;
  --n-25:  #FBFCFD;
  --n-50:  #F6F8FA;
  --n-100: #EEF1F4;
  --n-200: #E2E7EC;
  --n-300: #CBD3DB;
  --n-400: #9AA6B2;
  --n-500: #6B7785;
  --n-600: #4C5764;
  --n-700: #364049;
  --n-800: #232B33;
  --n-900: #151B22;
  --n-950: #0C1116;

  /* ---- Functional ramps ---- */
  --blue-50: #EFF5FF; --blue-100: #DCE9FF; --blue-500: #2E6BE6; --blue-600: #1F56C9; --blue-700: #1A45A3;
  --amber-50: #FEF6E7; --amber-100: #FBE8C2; --amber-500: #E0890B; --amber-600: #C0730A; --amber-700: #8F560C;
  --red-50: #FEECEC; --red-100: #FBD5D5; --red-500: #E0483D; --red-600: #CC362C; --red-700: #A22019;
  --violet-50: #F3EEFE; --violet-100: #E5DAFC; --violet-500: #7C53E0; --violet-600: #6638C7;

  /* ---- Accent · single warm highlight (sparing) ---- */
  --accent-400: #FFB94E;
  --accent-500: #F59E2C;
  --accent-600: #DB820F;

  /* ---- Brand ink (logo wordmark / deep slate-teal) ---- */
  --ink: #0E2A38;
}
