/* ============================================================================
   SICODA · Token-Alias-Schicht
   Bildet die Kurznamen des bisherigen Design-Systems auf die von theme.json
   erzeugten WordPress-Presets ab. Dadurch laufen die aus sicoda-design.css
   portierten Regeln unverändert weiter, ohne dass jede einzelne Deklaration
   umgeschrieben werden muss.
   ============================================================================ */
:root {
  /* Primitive Farben */
  --navy-700:    var(--wp--preset--color--navy-700);
  --steel-600:   var(--wp--preset--color--steel-600);
  --mint-500:    var(--wp--preset--color--mint-500);
  --mint-700:    var(--wp--preset--color--mint-700);
  --mint-100:    var(--wp--preset--color--mint-100);
  --ice-50:      var(--wp--preset--color--ice-50);
  --white:       var(--wp--preset--color--white);
  --text-900:    var(--wp--preset--color--text-900);
  --text-600:    var(--wp--preset--color--text-600);
  --gray-400:    var(--wp--preset--color--gray-400);
  --line-200:    var(--wp--preset--color--line-200);
  --error-500:   var(--wp--preset--color--error-500);
  --error-700:   var(--wp--preset--color--error-700);
  --success-700: var(--wp--preset--color--success-700);

  /* Semantische Aliase */
  --surface-page:  var(--ice-50);
  --surface-card:  var(--white);
  --surface-dark:  var(--navy-700);
  --surface-tint:  var(--mint-100);
  --text-heading:  var(--text-900);
  --text-body:     var(--text-900);
  --text-secondary: var(--text-600);
  --text-muted:    var(--gray-400);
  --text-on-dark:  var(--white);
  --text-on-dark-secondary: rgba(255, 255, 255, 0.75);
  --text-link:     var(--mint-700);
  --accent:        var(--mint-500);
  --accent-text:   var(--mint-700);
  --accent-edge:   4px;
  --button-primary-bg:       var(--navy-700);
  --button-primary-bg-hover: var(--steel-600);
  --button-primary-fg:       var(--white);
  --border-input:  var(--gray-400);
  --focus-ring:    var(--mint-500);

  /* Typografie */
  --font-head: var(--wp--preset--font-family--head);
  --font-body: var(--wp--preset--font-family--body);
  /* Slugs sind "heading-1/2/3", nicht "h1/2/3": _wp_to_kebab_case() macht aus
     "h1" den Slug "h-1" (Bindestrich zwischen Buchstabe und Ziffer), sodass
     "--wp--preset--font-size--h1" nie existiert. Nicht zurückbenennen. */
  --size-h1:      var(--wp--preset--font-size--heading-1);
  --size-h2:      var(--wp--preset--font-size--heading-2);
  --size-h3:      var(--wp--preset--font-size--heading-3);
  --size-body:    var(--wp--preset--font-size--body);
  --size-body-lg: var(--wp--preset--font-size--body-lg);
  --size-label:   var(--wp--preset--font-size--label);
  --size-caption: var(--wp--preset--font-size--caption);
  --leading-h1: 1.1;
  --leading-h2: 1.2;
  --leading-h3: 1.3;
  --leading-body: 1.6;
  --tracking-h1: -0.02em;
  --tracking-label: 0.14em;
  --weight-h1: 700;
  --weight-h2: 700;
  --weight-h3: 500;
  --weight-body: 400;
  --weight-emphasis: 600;

  /* Abstände */
  --space-1:  var(--wp--preset--spacing--1);
  --space-2:  var(--wp--preset--spacing--2);
  --space-3:  var(--wp--preset--spacing--3);
  --space-4:  var(--wp--preset--spacing--4);
  --space-5:  var(--wp--preset--spacing--5);
  --space-6:  var(--wp--preset--spacing--6);
  --space-8:  var(--wp--preset--spacing--8);
  --space-10: var(--wp--preset--spacing--10);
  --space-12: var(--wp--preset--spacing--12);

  /* Form & Tiefe */
  --radius: 12px;
  --radius-card: 0 0 12px 12px;
  --radius-pill: 999px;
  --shadow-card:   0 2px 10px rgba(34, 52, 78, 0.08);
  --shadow-raised: 0 8px 28px rgba(34, 52, 78, 0.12);
  --container-max: 1120px;
}