/* ============================================================
   Hands Together Healthcare — Colour System
   60-30-10 theory:
     60%  Indigo   #3A31C5  (primary / structure)
     30%  Marigold #FF9519  (secondary / warmth & action)
     10%  White #FFFFFF + Taupe #A79793 (neutral accents)
   ============================================================ */

:root {
  /* --- Brand primary: Indigo scale (60%) --- */
  --indigo-50:  #eeedfb;
  --indigo-100: #d6d3f4;
  --indigo-200: #b1abec;
  --indigo-300: #857cdf;
  --indigo-400: #5c50d2;
  --indigo-500: #3a31c5;   /* brand core */
  --indigo-600: #322aa8;
  --indigo-700: #292388;
  --indigo-800: #1f1b68;
  --indigo-900: #16134a;

  /* --- Brand secondary: Marigold scale (30%) --- */
  --marigold-50:  #fff4e6;
  --marigold-100: #ffe4c2;
  --marigold-200: #ffcf94;
  --marigold-300: #ffb85f;
  --marigold-400: #ffa53a;
  --marigold-500: #ff9519;   /* warm accent core */
  --marigold-600: #ed8005;
  --marigold-700: #c66800;
  --marigold-800: #9a5100;
  --marigold-900: #6f3b00;

  /* --- Neutral: warm Taupe scale (10%) --- */
  --taupe-50:  #f7f5f3;
  --taupe-100: #ece8e4;
  --taupe-200: #ddd6cf;
  --taupe-300: #c8bdb3;
  --taupe-400: #b3a496;
  --taupe-500: #a79793;   /* accent core */
  --taupe-600: #8a7a72;
  --taupe-700: #6b5e58;
  --taupe-800: #4a413d;
  --taupe-900: #2c2623;

  --white: #ffffff;
  --black: #171319;

  /* --- Semantic status --- */
  --success-500: #2e9e6b;
  --success-50:  #e7f5ee;
  --warning-500: #e8a413;
  --warning-50:  #fdf3dc;
  --error-500:   #d64545;
  --error-50:    #fbe9e9;
  --info-500:    #3a31c5;
  --info-50:     #eeedfb;

  /* ============================================================
     Semantic aliases — always design against these
     ============================================================ */

  /* Surfaces */
  --surface-page:       var(--taupe-50);
  --surface-card:       var(--white);
  --surface-raised:     var(--white);
  --surface-sunken:     var(--taupe-100);
  --surface-brand:      var(--indigo-500);
  --surface-brand-soft: var(--indigo-50);
  --surface-accent:     var(--marigold-500);
  --surface-accent-soft:var(--marigold-50);
  --surface-inverse:    var(--indigo-900);

  /* Text */
  --text-strong:   var(--indigo-900);
  --text-body:     var(--taupe-800);
  --text-muted:    var(--taupe-600);
  --text-subtle:   var(--taupe-500);
  --text-on-brand: var(--white);
  --text-on-accent:var(--indigo-900);
  --text-inverse:  var(--white);
  --text-link:     var(--indigo-500);

  /* Borders & lines */
  --border-subtle: var(--taupe-200);
  --border-default:var(--taupe-300);
  --border-strong: var(--taupe-400);
  --border-brand:  var(--indigo-500);

  /* Focus */
  --focus-ring: var(--marigold-500);
}