/* ============================================================
   MAX HAURI — Color tokens
   Source: CD Manual "Farben allgemein / Farben Logo".
   Verbindlich (binding): Rot #e30613, Grau #f2f0f1, Blau #0575a7.
   ============================================================ */
:root {
  /* --- Brand primitives (binding CD values) --- */
  --mh-red:        #e30613;   /* MAX HAURI Rot — RAL 3020 Verkehrsrot */
  --mh-gray:       #f2f0f1;   /* MAX HAURI Grau — neutral surface */
  --mh-blue:       #0575a7;   /* MAX HAURI Blau — digital/technical accent */
  --mh-black:      #000000;
  --mh-white:      #ffffff;

  /* --- Red scale (derived, anchored on #e30613) --- */
  --red-50:   #fdecec;
  --red-100:  #fbd0d2;
  --red-200:  #f4999d;
  --red-300:  #ee5b62;
  --red-500:  #e30613;   /* = --mh-red */
  --red-600:  #c1050f;
  --red-700:  #97040c;
  --red-800:  #6d0309;

  /* --- Blue scale (derived, anchored on #0575a7) --- */
  --blue-50:  #e6f1f7;
  --blue-100: #c2dded;
  --blue-200: #7db8d7;
  --blue-300: #3a93bf;
  --blue-500: #0575a7;   /* = --mh-blue */
  --blue-600: #045f88;
  --blue-700: #034868;
  --blue-800: #023349;

  /* --- Neutral / gray scale (warm-cool neutral, anchored on #f2f0f1) --- */
  --gray-0:   #ffffff;
  --gray-50:  #f7f6f6;
  --gray-100: #f2f0f1;   /* = --mh-gray */
  --gray-200: #e3e0e1;
  --gray-300: #cbc7c8;
  --gray-400: #a6a1a3;
  --gray-500: #7c7679;
  --gray-600: #565052;
  --gray-700: #3a3537;
  --gray-800: #221f20;
  --gray-900: #121011;
  --gray-950: #000000;

  /* --- Semantic status (kept restrained; reuse brand where possible) --- */
  --color-success: #1f8a4c;
  --color-warning: #e08a00;
  --color-danger:  var(--mh-red);
  --color-info:    var(--mh-blue);

  /* ============ Semantic aliases ============ */
  /* Surfaces */
  --surface-page:    var(--gray-0);
  --surface-subtle:  var(--gray-100);
  --surface-card:    var(--gray-0);
  --surface-inverse: var(--gray-900);
  --surface-accent:  var(--mh-red);
  --surface-blue:    var(--mh-blue);

  /* Text */
  --text-strong:   var(--gray-900);
  --text-body:     var(--gray-800);
  --text-muted:    var(--gray-500);
  --text-inverse:  var(--gray-0);
  --text-accent:   var(--mh-red);
  --text-link:     var(--mh-blue);

  /* Borders / contours (the "Kontur" of the square) */
  --border-subtle: var(--gray-200);
  --border-default:var(--gray-300);
  --border-strong: var(--gray-900);
  --border-accent: var(--mh-red);

  /* Interactive */
  --action-primary:        var(--mh-red);
  --action-primary-hover:  var(--red-600);
  --action-primary-active: var(--red-700);
  --action-secondary:      var(--gray-900);
  --action-secondary-hover:var(--gray-700);
  --focus-ring:            var(--mh-blue);
}