/* templates/frontend/default/assets/css/tokens.css
 *
 * Design-Tokens des Standard-Themes "Nexis Default" - warme, freundliche
 * Farbsprache. JEDE Text-/Hintergrund-Kombination hier ist vorab gegen
 * WCAG-2.1-AA-Kontrastwerte durchgerechnet worden (siehe Entwicklungs-
 * Notizen) - nicht nach Bauchgefühl gewählt. --nx-primary wurde dafür
 * bewusst dunkler gewählt als der ursprünglich vorgeschlagene Terrakotta-
 * Ton (#E2572B -> #BF421A), weil Weiß darauf sonst nur 3.73:1 statt der
 * geforderten 4.5:1 erreicht hätte.
 */

:root {
  /* Flächen */
  --nx-bg: #FBF6F0;
  --nx-surface: #FFFFFF;
  --nx-surface-soft: #F7F1E9;
  --nx-border: #E8DDD0;

  /* Text */
  --nx-text: #2B2521;
  --nx-muted: #6B5F55;
  --nx-on-primary: #FFFFFF;

  /* Akzente */
  --nx-primary: #BF421A;
  --nx-primary-dark: #9B3515;
  --nx-secondary: #E8A33D;
  --nx-success: #3D7A54;
  --nx-danger: #B23A3A;

  /* Typografie */
  --nx-font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --nx-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --nx-fs-sm: 0.875rem;
  --nx-fs-base: 1rem;
  --nx-fs-lg: 1.125rem;
  --nx-fs-xl: 1.5rem;
  --nx-fs-2xl: 2rem;
  --nx-fs-3xl: 2.75rem;
  --nx-lh-base: 1.65;
  --nx-lh-heading: 1.2;

  /* Abstände (4px-Raster) */
  --nx-space-1: 0.25rem;
  --nx-space-2: 0.5rem;
  --nx-space-3: 0.75rem;
  --nx-space-4: 1rem;
  --nx-space-6: 1.5rem;
  --nx-space-8: 2rem;
  --nx-space-12: 3rem;
  --nx-space-16: 4rem;

  /* Form */
  --nx-radius-sm: 6px;
  --nx-radius: 12px;
  --nx-radius-lg: 20px;
  --nx-shadow-sm: 0 2px 8px rgba(43, 37, 33, 0.06);
  --nx-shadow: 0 8px 24px rgba(43, 37, 33, 0.08);
  --nx-shadow-lg: 0 16px 48px rgba(43, 37, 33, 0.12);
  --nx-max-width: 1120px;
}