/* ============================================================
   LexLocal — Color System
   Cool slate surfaces + deep navy anchor + teal accent.
   Full 50–950 tonal scales per family, then semantic aliases.
   Safety/Trust (Emerald) is a DEDICATED family for security signals
   ONLY — deliberately separate from Success.
   ============================================================ */

:root {
  /* ---- Slate / cool neutral (surfaces, borders, ink) ---- */
  --slate-50:  #F8FAFC;   /* page surface */
  --slate-100: #F1F5F9;   /* alt surface / sunken */
  --slate-200: #E2E8F0;   /* hairline borders */
  --slate-300: #CBD5E1;   /* strong borders, dividers */
  --slate-400: #94A3B8;   /* muted icon */
  --slate-500: #64748B;   /* subtle text */
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1E293B;
  --slate-900: #0F172A;
  --slate-950: #020617;

  /* ---- Navy / dark anchor (header, dark sections, ink) ---- */
  --navy-50:  #EEF2F8;
  --navy-100: #DAE0EC;
  --navy-200: #B4C0D6;
  --navy-300: #8497B6;
  --navy-400: #546C93;
  --navy-500: #344C74;
  --navy-600: #233A5C;
  --navy-700: #162645;   /* secondary dark */
  --navy-800: #0E1D35;   /* primary dark anchor */
  --navy-900: #0A1628;
  --navy-950: #050C18;

  /* ---- Teal / brand accent (primary actions, interactive brand) ---- */
  --teal-50:  #E6F7F1;
  --teal-100: #C2EDDF;
  --teal-200: #87DBBF;
  --teal-300: #4AC79E;
  --teal-400: #1BB587;
  --teal-500: #00A77B;   /* brand accent base */
  --teal-600: #008C68;
  --teal-700: #007053;
  --teal-800: #005840;
  --teal-900: #003D2D;
  --teal-950: #00251B;

  /* ---- Blue / secondary accent (links, citations) — used sparingly ---- */
  --blue-50:  #EDF1FC;
  --blue-100: #D6E0F8;
  --blue-200: #AEC0F0;
  --blue-300: #809AE6;
  --blue-400: #5274DC;
  --blue-500: #2952CC;   /* secondary accent base */
  --blue-600: #2143A8;
  --blue-700: #1A3585;
  --blue-800: #142964;
  --blue-900: #0E1D45;
  --blue-950: #08122B;

  /* ---- Safety / Trust (Emerald) — DEDICATED security signal family ----
     Use ONLY for "Lokale Verarbeitung aktiv", on-premise / privacy
     indicators. NOT a general accent, NOT the success color. */
  --safety-50:  #ECFDF5;
  --safety-100: #D1FAE5;
  --safety-200: #A7F3D0;
  --safety-300: #6EE7B7;
  --safety-400: #34D399;
  --safety-500: #10B981;   /* trust base */
  --safety-600: #059669;
  --safety-700: #047857;
  --safety-800: #065F46;
  --safety-900: #064E3B;
  --safety-950: #022C22;

  /* ---- Success (operation succeeded) — distinct standard green ---- */
  --success-50:  #EEF7F0;
  --success-100: #D5ECDB;
  --success-200: #ABD9B8;
  --success-300: #79C18F;
  --success-400: #4BA567;
  --success-500: #2F8F4E;
  --success-600: #237A3E;
  --success-700: #1B6131;
  --success-800: #154C28;
  --success-900: #0F371D;
  --success-950: #082011;

  /* ---- Warning (muted amber) ---- */
  --amber-50:  #FBF6EC;
  --amber-100: #F6E8CC;
  --amber-200: #ECD199;
  --amber-300: #E0B45F;
  --amber-400: #D49A33;
  --amber-500: #BE8420;
  --amber-600: #9C6A18;
  --amber-700: #7A5214;
  --amber-800: #5C3E12;
  --amber-900: #422D0F;
  --amber-950: #271A08;

  /* ---- Danger (muted red) ---- */
  --red-50:  #FBEEEC;
  --red-100: #F6D7D3;
  --red-200: #ECB0A8;
  --red-300: #DF8479;
  --red-400: #D15D50;
  --red-500: #C0453B;
  --red-600: #A2362E;
  --red-700: #802A24;
  --red-800: #5F211C;
  --red-900: #421816;
  --red-950: #260C0B;

  /* ===========================================================
     SEMANTIC ALIASES
     =========================================================== */

  /* Surfaces */
  --surface-page:      var(--slate-50);   /* default page — slate 50 */
  --surface-page-alt:  var(--slate-100);  /* alt page — slate 100 */
  --surface-card:      #FFFFFF;           /* raised card */
  --surface-raised:    #FFFFFF;
  --surface-sunken:    var(--slate-100);
  --surface-inset:     var(--slate-50);
  --surface-dark:      var(--navy-800);   /* dark sections / header */
  --surface-dark-alt:  var(--navy-700);
  --surface-dark-deep: var(--navy-900);

  /* Text on light */
  --text-strong:  #111C2E;   /* headings */
  --text-body:    #2A3447;   /* paragraphs */
  --text-muted:   #5B6678;   /* secondary */
  --text-subtle:  #8C94A1;   /* captions, placeholders */
  --text-disabled:#B4BAC3;

  /* Text on dark */
  --text-on-dark:        #EEF2F8;
  --text-on-dark-muted:  #9DAAC0;
  --text-on-dark-subtle: #6A7B97;

  /* Borders */
  --border-subtle:   var(--slate-200);
  --border-default:  var(--slate-200);
  --border-strong:   var(--slate-300);
  --border-focus:    var(--teal-500);
  --border-dark:     var(--navy-700);
  --border-on-dark:  rgba(255,255,255,0.12);

  /* Brand accent (Teal) */
  --accent:        var(--teal-500);
  --accent-hover:  var(--teal-600);
  --accent-active: var(--teal-700);
  --accent-soft:   var(--teal-50);
  --accent-border: var(--teal-200);
  --accent-on:     #FFFFFF;

  /* Links / interactive secondary (Blue) */
  --link:        var(--blue-600);
  --link-hover:  var(--blue-700);
  --link-soft:   var(--blue-50);

  /* Safety / Trust (Emerald) — security signals only */
  --safety:         var(--safety-500);
  --safety-strong:  var(--safety-600);
  --safety-text:    var(--safety-700);
  --safety-soft:    var(--safety-50);
  --safety-border:  var(--safety-200);
  --safety-dot:     var(--safety-500);

  /* Status */
  --success:       var(--success-500);
  --success-soft:  var(--success-50);
  --success-text:  var(--success-700);
  --warning:       var(--amber-500);
  --warning-soft:  var(--amber-50);
  --warning-text:  var(--amber-700);
  --danger:        var(--red-500);
  --danger-soft:   var(--red-50);
  --danger-text:   var(--red-700);

  /* Focus ring */
  --ring: 0 0 0 3px rgba(0,167,123,0.28);
  --ring-blue: 0 0 0 3px rgba(41,82,204,0.25);
}