/* ============================================================
   Rudolph Gruppe — Color tokens
   ------------------------------------------------------------
   System: Anthracite ink (steel & concrete) + Ochre signal
   (earth, Bau) + Forest green (Galabau / landscape) on warm
   Concrete neutrals. Grounded, engineered, premium.
   ============================================================ */

:root {
  /* ---- Anthracite — primary ink, steel, structure ---- */
  --anthracite-50:  #EDEEF0;
  --anthracite-100: #D6D8DC;
  --anthracite-200: #ABAFB7;
  --anthracite-300: #7F8590;
  --anthracite-400: #565C68;
  --anthracite-500: #3A404B;
  --anthracite-600: #2B313B;
  --anthracite-700: #21262E;
  --anthracite-800: #181C22;
  --anthracite-900: #111418;
  --anthracite-950: #0B0D10;

  /* ---- Ochre — group signal / primary action (earth, Bau) ---- */
  --ochre-50:  #FBF3E8;
  --ochre-100: #F5E3C9;
  --ochre-200: #EBC793;
  --ochre-300: #E0A85C;
  --ochre-400: #D68C32;
  --ochre-500: #C5741B;   /* signal */
  --ochre-600: #A75E13;
  --ochre-700: #834910;
  --ochre-800: #5E350D;
  --ochre-900: #3D230A;

  /* ---- Forest — landscape / Galabau / success ---- */
  --forest-50:  #ECF2ED;
  --forest-100: #D2E1D4;
  --forest-200: #A5C3A9;
  --forest-300: #76A07C;
  --forest-400: #4F7D57;
  --forest-500: #3A6342;
  --forest-600: #2C4D33;
  --forest-700: #213B27;
  --forest-800: #16281A;
  --forest-900: #0D170F;

  /* ---- Concrete — warm neutral surfaces ---- */
  --concrete-50:  #F8F7F4;
  --concrete-100: #F1EFEA;
  --concrete-200: #E5E1D9;
  --concrete-300: #D3CDC1;
  --concrete-400: #B4AB99;
  --concrete-500: #948B77;
  --concrete-600: #756D5C;
  --concrete-700: #5A5347;
  --concrete-800: #3D3933;
  --concrete-900: #262320;

  /* ---- Pure ---- */
  --white: #FFFFFF;
  --black: #000000;

  /* ---- Semantic status ---- */
  --danger-50:  #FBEDEB;
  --danger-500: #B23A2B;
  --danger-600: #8F2C20;
  --warning-50:  #FBF1DF;
  --warning-500: #C5871B;
  --success-50:  #E9F1EB;
  --success-500: #3A6342;
  --info-50:  #E8EFF2;
  --info-500: #356074;

  /* ============================================================
     Division brand colors — sampled from the company logos.
     Each Rudolph company carries its own colour; the consistent
     "RUDOLPH" wordmark unifies them. Use on that division's
     card, detail page and any division-specific material.
     ============================================================ */
  --bau:            #6D6F71;  /* grey  — Rudolph Bau GmbH */
  --bau-50:         #F0F0F1;
  --galabau:        #1E6053;  /* green — Rudolph Galabau */
  --galabau-50:     #E8F0EE;
  --fm:             #2E4A92;  /* blue  — Rudolph Facility Management */
  --fm-50:          #EAEEF6;
  --projektbau:     #2E4A92;  /* blue  — Rudolph Projektbau GmbH */
  --projektbau-50:  #EAEEF6;
  --gartendesign:   #8B7D6B;  /* bronze— Rudolph Gartendesign GmbH */
  --gartendesign-50:#F2EFEB;

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

  /* Brand */
  --brand:          var(--ochre-500);
  --brand-strong:   var(--ochre-600);
  --brand-soft:     var(--ochre-50);
  --brand-ink:      var(--anthracite-900);
  --brand-forest:   var(--forest-500);

  /* Text */
  --text-strong:    var(--anthracite-900);
  --text-body:      var(--anthracite-700);
  --text-muted:     var(--concrete-600);
  --text-subtle:    var(--concrete-500);
  --text-on-brand:  var(--white);
  --text-on-dark:   var(--concrete-100);
  --text-inverse:   var(--white);
  --text-link:      var(--ochre-600);

  /* Surfaces */
  --surface-page:     var(--concrete-50);
  --surface-card:     var(--white);
  --surface-sunken:   var(--concrete-100);
  --surface-raised:   var(--white);
  --surface-dark:     var(--anthracite-900);
  --surface-darker:   var(--anthracite-950);
  --surface-brand:    var(--ochre-500);
  --surface-forest:   var(--forest-500);
  --surface-inverse:  var(--anthracite-900);

  /* Borders */
  --border-subtle:  var(--concrete-200);
  --border-default: var(--concrete-300);
  --border-strong:  var(--concrete-400);
  --border-dark:    var(--anthracite-700);
  --border-brand:   var(--ochre-500);

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