/*
 * theme/styles/tokens.css
 * Generiert von scripts/07-design-tokens.py.
 * Quelle: artifacts/06-tokens.json + CI-Defaults (04-source-stack.md).
 * Verwendung: im WP-Theme als globaler Stylesheet einbinden.
 */

:root {
  /* Farben (CI-konform, 5-Stufen-Tints) */
  --color-primary-100: #00427C;
  --color-primary-80: #336896;
  --color-primary-60: #668EB0;
  --color-primary-40: #99B3CB;
  --color-primary-20: #CCD9E5;
  --color-primary: var(--color-primary-100);

  /* Typografie */
  --font-family-primary: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-1: .875em;
  --font-size-2: 1rem;
  --font-size-3: .875rem;
  --font-size-4: .8888889em;
  --font-size-5: 3.75rem;
  --font-size-6: 1.25em;
  --font-size-7: .8571429em;
  --font-size-8: 1.5rem;

  /* Spacing (top-genutzte Werte) */
  --space-1: 1rem;
  --space-2: 2rem;
  --space-3: 1.5rem;
  --space-4: .5rem;
  --space-5: 2em;
  --space-6: .75rem;
  --space-7: 1.3333333em;
  --space-8: 1.25em;
  --space-9: 1.25rem;
  --space-10: 2.5rem;
  --space-11: 5rem;
  --space-12: .5714286em;

  /* Border-Radius (top-genutzte Werte) */
  --radius-1: .375rem;
  --radius-2: 6px;
  --radius-3: 4px;
  --radius-4: 50%;
  --radius-5: 8px;
  --radius-6: .3125rem;

  /* Box-Shadow (top-genutzte Werte) */
  --shadow-1: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  --shadow-2: 0 1px 2px rgba(0,0,0,.5);
  --shadow-3: 0 1px 2px #00000080;
  --shadow-4: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
  --shadow-5: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;
}