/* ============================================================
   SolixIT · Colors
   Anchored on the brand palette:
   #006D77 teal · #52B788 green · #EDF6F9 mist · #433633 brown · #1B1B1E ink
   ============================================================ */
:root {
  /* ---- Brand: Teal (primary) ---- */
  --teal-50:  #e6f1f2;
  --teal-100: #c0dde0;
  --teal-200: #8cc1c6;
  --teal-300: #4fa0a8;
  --teal-400: #1f8590;
  --teal-500: #006d77;   /* core brand teal */
  --teal-600: #005f68;
  --teal-700: #004e56;
  --teal-800: #003d43;
  --teal-900: #002b30;

  /* ---- Brand: Green (growth / success) ---- */
  --green-50:  #ecf7f1;
  --green-100: #d2ecdf;
  --green-200: #a9dcc1;
  --green-300: #82cda6;
  --green-400: #52b788;   /* core brand green */
  --green-500: #3da375;
  --green-600: #2f8a60;
  --green-700: #266f4e;
  --green-800: #1d543b;

  /* ---- Neutrals: cool "ink" scale ---- */
  --white:    #ffffff;
  --mist:     #edf6f9;   /* brand light surface */
  --ink-25:   #f5f9fb;
  --ink-50:   #eef2f5;
  --ink-100:  #e1e7ec;
  --ink-200:  #cbd4da;
  --ink-300:  #aab6bf;
  --ink-400:  #818d97;
  --ink-500:  #5f6a73;
  --ink-600:  #454e56;
  --ink-700:  #333a40;
  --ink-800:  #26292e;
  --ink-900:  #1b1b1e;   /* brand near-black */
  --ink-950:  #131316;

  /* ---- Warm accent (brown, sparing) ---- */
  --brown-400: #6b5751;
  --brown-500: #433633;   /* brand brown */
  --brown-600: #352b28;

  /* ---- Functional (derived to sit beside the palette) ---- */
  --amber-400: #e8a33d;
  --amber-500: #cf8a23;
  --red-400:   #df5a52;
  --red-500:   #c93f37;
  --red-600:   #a8312a;

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Text */
  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-700);
  --text-muted:   var(--ink-500);
  --text-subtle:  var(--ink-400);
  --text-inverse: var(--white);
  --text-on-dark: #d8e2e6;
  --text-link:    var(--teal-500);
  --text-brand:   var(--teal-500);

  /* Surfaces */
  --surface-page:   var(--mist);
  --surface-card:   var(--white);
  --surface-raised: var(--white);
  --surface-sunken: var(--ink-50);
  --surface-mist:   var(--mist);
  --surface-dark:   var(--ink-900);
  --surface-dark-raised: var(--ink-800);
  --surface-brand:  var(--teal-500);
  --surface-brand-soft: var(--teal-50);

  /* Borders */
  --border-subtle:  var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong:  var(--ink-300);
  --border-brand:   var(--teal-500);
  --border-dark:    #34373c;

  /* Accent / interactive */
  --accent:         var(--teal-500);
  --accent-hover:   var(--teal-600);
  --accent-active:  var(--teal-700);
  --accent-soft:    var(--teal-50);
  --accent-contrast: var(--white);

  /* Status */
  --success:      var(--green-500);
  --success-soft: var(--green-50);
  --success-text: var(--green-700);
  --warning:      var(--amber-400);
  --warning-soft: #fbf1de;
  --warning-text: var(--amber-500);
  --danger:       var(--red-500);
  --danger-soft:  #fbe9e8;
  --danger-text:  var(--red-600);
  --info:         var(--teal-500);
  --info-soft:    var(--teal-50);
  --info-text:    var(--teal-700);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(0, 109, 119, 0.30);

  /* Terminal motif (signature) */
  --terminal-bg:     var(--ink-950);
  --terminal-bar:    #24262b;
  --terminal-prompt: var(--green-400);
  --terminal-text:   #cdd6da;
  --terminal-accent: var(--teal-300);
}