/**
 * AURA Design Tokens – GENERIERT von design/build-tokens.mjs. Nicht von Hand bearbeiten.
 * Quelle: design/tokens.json · Version 1.0.0
 */

:root {
  color-scheme: light;
  --aura-bg: #E8E6E0;
  --aura-surface: #E8E6E0;
  --aura-inset: #D9D7D0;
  --aura-highlight: #F7F6F2;
  --aura-text: #292D32;
  --aura-text-muted: #5C6168;
  --aura-accent: #819B91;
  --aura-accent-strong: #4A645A;
  --aura-on-accent: #292D32;
  --aura-copper: #B98F79;
  --aura-border: rgba(41, 45, 50, 0.12);
  --aura-focus: #4A645A;
  --aura-shadow-light: rgba(255, 255, 255, 0.72);
  --aura-shadow-dark: rgba(190, 187, 179, 0.62);
  --aura-shadow-dark-inset: rgba(190, 187, 179, 0.55);
  --aura-edge: rgba(255, 255, 255, 0);
  --aura-success: #356B47;
  --aura-warning: #8A5A12;
  --aura-danger: #A3392F;
  --aura-info: #3D6385;

  --aura-space-1: 4px;
  --aura-space-2: 8px;
  --aura-space-3: 12px;
  --aura-space-4: 16px;
  --aura-space-6: 24px;
  --aura-space-8: 32px;
  --aura-space-12: 48px;
  --aura-space-16: 64px;
  --aura-space-24: 96px;
  --aura-radius-sm: 10px;
  --aura-radius-control: 12px;
  --aura-radius-md: 14px;
  --aura-radius-card: 18px;
  --aura-radius-lg: 20px;
  --aura-radius-pill: 999px;
  --aura-shadow-raised: -7px -7px 16px var(--aura-shadow-light), 7px 7px 16px var(--aura-shadow-dark), inset 0 1px 0 var(--aura-edge);
  --aura-shadow-raised-sm: -4px -4px 10px var(--aura-shadow-light), 4px 4px 10px var(--aura-shadow-dark), inset 0 1px 0 var(--aura-edge);
  --aura-shadow-inset: inset 5px 5px 10px var(--aura-shadow-dark-inset), inset -5px -5px 10px var(--aura-shadow-light);
  --aura-shadow-pressed: inset 3px 3px 7px var(--aura-shadow-dark-inset), inset -3px -3px 7px var(--aura-shadow-light);
  --aura-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --aura-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --aura-weight-regular: 400;
  --aura-weight-medium: 500;
  --aura-weight-semibold: 600;
  --aura-text-xs: 0.8125rem;
  --aura-text-sm: 0.9375rem;
  --aura-text-base: 1.0625rem;
  --aura-text-lg: 1.25rem;
  --aura-text-xl: 1.5rem;
  --aura-text-2xl: clamp(1.625rem, 1.4rem + 1vw, 2rem);
  --aura-text-3xl: clamp(2rem, 1.6rem + 1.8vw, 2.5rem);
  --aura-text-4xl: clamp(2.5rem, 1.8rem + 3vw, 3.75rem);
  --aura-leading-tight: 1.2;
  --aura-leading-snug: 1.35;
  --aura-leading-normal: 1.6;
  --aura-duration-press: 120ms;
  --aura-duration-hover: 180ms;
  --aura-duration-toggle: 210ms;
  --aura-duration-panel: 220ms;
  --aura-ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --aura-ease-in-out: cubic-bezier(0.45, 0, 0.25, 1);
  --aura-content-width: 720px;
  --aura-wide-width: 1200px;
  --aura-gutter: clamp(16px, 4vw, 32px);
  --aura-touch-target: 44px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --aura-bg: #1F2226;
    --aura-surface: #292D32;
    --aura-inset: #1A1D20;
    --aura-highlight: #353A40;
    --aura-text: #E8E6E0;
    --aura-text-muted: #A7ABB0;
    --aura-accent: #819B91;
    --aura-accent-strong: #9DB8AD;
    --aura-on-accent: #1F2226;
    --aura-copper: #C9A28C;
    --aura-border: rgba(232, 230, 224, 0.10);
    --aura-focus: #9DB8AD;
    --aura-shadow-light: rgba(255, 255, 255, 0.05);
    --aura-shadow-dark: rgba(0, 0, 0, 0.38);
    --aura-shadow-dark-inset: rgba(0, 0, 0, 0.45);
    --aura-edge: rgba(255, 255, 255, 0.06);
    --aura-success: #7FB58F;
    --aura-warning: #D9A95B;
    --aura-danger: #E8897E;
    --aura-info: #8DB0D1;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --aura-bg: #1F2226;
  --aura-surface: #292D32;
  --aura-inset: #1A1D20;
  --aura-highlight: #353A40;
  --aura-text: #E8E6E0;
  --aura-text-muted: #A7ABB0;
  --aura-accent: #819B91;
  --aura-accent-strong: #9DB8AD;
  --aura-on-accent: #1F2226;
  --aura-copper: #C9A28C;
  --aura-border: rgba(232, 230, 224, 0.10);
  --aura-focus: #9DB8AD;
  --aura-shadow-light: rgba(255, 255, 255, 0.05);
  --aura-shadow-dark: rgba(0, 0, 0, 0.38);
  --aura-shadow-dark-inset: rgba(0, 0, 0, 0.45);
  --aura-edge: rgba(255, 255, 255, 0.06);
  --aura-success: #7FB58F;
  --aura-warning: #D9A95B;
  --aura-danger: #E8897E;
  --aura-info: #8DB0D1;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --aura-duration-press: 1ms;
    --aura-duration-hover: 1ms;
    --aura-duration-toggle: 1ms;
    --aura-duration-panel: 1ms;
  }
}

/* Block-Editor-Palette folgt immer dem aktiven Theme (Light/Dark). */
:root:root {
  --wp--preset--color--bg: var(--aura-bg);
  --wp--preset--color--inset: var(--aura-inset);
  --wp--preset--color--highlight: var(--aura-highlight);
  --wp--preset--color--text: var(--aura-text);
  --wp--preset--color--text-muted: var(--aura-text-muted);
  --wp--preset--color--accent: var(--aura-accent);
  --wp--preset--color--accent-strong: var(--aura-accent-strong);
  --wp--preset--color--copper: var(--aura-copper);
  --wp--preset--color--success: var(--aura-success);
  --wp--preset--color--warning: var(--aura-warning);
  --wp--preset--color--danger: var(--aura-danger);
  --wp--preset--color--info: var(--aura-info);
}

/* Elementor-Globalfarben im Dark Mode auf AURA-Tokens umlenken (Light: Werte aus den Site Settings). */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body[class*="elementor-kit-"] {
    --e-global-color-primary: var(--aura-text);
    --e-global-color-secondary: var(--aura-text-muted);
    --e-global-color-text: var(--aura-text);
    --e-global-color-accent: var(--aura-accent);
    --e-global-color-aura_bg: var(--aura-bg);
    --e-global-color-aura_inset: var(--aura-inset);
    --e-global-color-aura_highlight: var(--aura-highlight);
    --e-global-color-aura_text: var(--aura-text);
    --e-global-color-aura_text_muted: var(--aura-text-muted);
    --e-global-color-aura_accent: var(--aura-accent);
    --e-global-color-aura_accent_strong: var(--aura-accent-strong);
    --e-global-color-aura_copper: var(--aura-copper);
    --e-global-color-aura_success: var(--aura-success);
    --e-global-color-aura_warning: var(--aura-warning);
    --e-global-color-aura_danger: var(--aura-danger);
    --e-global-color-aura_info: var(--aura-info);
  }
}

html[data-theme="dark"] body[class*="elementor-kit-"] {
  --e-global-color-primary: var(--aura-text);
  --e-global-color-secondary: var(--aura-text-muted);
  --e-global-color-text: var(--aura-text);
  --e-global-color-accent: var(--aura-accent);
  --e-global-color-aura_bg: var(--aura-bg);
  --e-global-color-aura_inset: var(--aura-inset);
  --e-global-color-aura_highlight: var(--aura-highlight);
  --e-global-color-aura_text: var(--aura-text);
  --e-global-color-aura_text_muted: var(--aura-text-muted);
  --e-global-color-aura_accent: var(--aura-accent);
  --e-global-color-aura_accent_strong: var(--aura-accent-strong);
  --e-global-color-aura_copper: var(--aura-copper);
  --e-global-color-aura_success: var(--aura-success);
  --e-global-color-aura_warning: var(--aura-warning);
  --e-global-color-aura_danger: var(--aura-danger);
  --e-global-color-aura_info: var(--aura-info);
}

/*
 * Farbschema pro Bereich (Elementor → Erweitert → Embossa-Oberfläche → Farbschema).
 * Schatten werden neu deklariert, weil sie auf Farb-Tokens verweisen und sonst die Werte von :root behalten.
 */
.aura-scheme-light {
  color-scheme: light;
  --aura-bg: #E8E6E0;
  --aura-surface: #E8E6E0;
  --aura-inset: #D9D7D0;
  --aura-highlight: #F7F6F2;
  --aura-text: #292D32;
  --aura-text-muted: #5C6168;
  --aura-accent: #819B91;
  --aura-accent-strong: #4A645A;
  --aura-on-accent: #292D32;
  --aura-copper: #B98F79;
  --aura-border: rgba(41, 45, 50, 0.12);
  --aura-focus: #4A645A;
  --aura-shadow-light: rgba(255, 255, 255, 0.72);
  --aura-shadow-dark: rgba(190, 187, 179, 0.62);
  --aura-shadow-dark-inset: rgba(190, 187, 179, 0.55);
  --aura-edge: rgba(255, 255, 255, 0);
  --aura-success: #356B47;
  --aura-warning: #8A5A12;
  --aura-danger: #A3392F;
  --aura-info: #3D6385;
  --aura-shadow-raised: -7px -7px 16px var(--aura-shadow-light), 7px 7px 16px var(--aura-shadow-dark), inset 0 1px 0 var(--aura-edge);
  --aura-shadow-raised-sm: -4px -4px 10px var(--aura-shadow-light), 4px 4px 10px var(--aura-shadow-dark), inset 0 1px 0 var(--aura-edge);
  --aura-shadow-inset: inset 5px 5px 10px var(--aura-shadow-dark-inset), inset -5px -5px 10px var(--aura-shadow-light);
  --aura-shadow-pressed: inset 3px 3px 7px var(--aura-shadow-dark-inset), inset -3px -3px 7px var(--aura-shadow-light);
  --e-global-color-primary: var(--aura-text);
  --e-global-color-secondary: var(--aura-text-muted);
  --e-global-color-text: var(--aura-text);
  --e-global-color-accent: var(--aura-accent);
  --e-global-color-aura_bg: var(--aura-bg);
  --e-global-color-aura_inset: var(--aura-inset);
  --e-global-color-aura_highlight: var(--aura-highlight);
  --e-global-color-aura_text: var(--aura-text);
  --e-global-color-aura_text_muted: var(--aura-text-muted);
  --e-global-color-aura_accent: var(--aura-accent);
  --e-global-color-aura_accent_strong: var(--aura-accent-strong);
  --e-global-color-aura_copper: var(--aura-copper);
  --e-global-color-aura_success: var(--aura-success);
  --e-global-color-aura_warning: var(--aura-warning);
  --e-global-color-aura_danger: var(--aura-danger);
  --e-global-color-aura_info: var(--aura-info);
}

.aura-scheme-dark {
  color-scheme: dark;
  --aura-bg: #1F2226;
  --aura-surface: #292D32;
  --aura-inset: #1A1D20;
  --aura-highlight: #353A40;
  --aura-text: #E8E6E0;
  --aura-text-muted: #A7ABB0;
  --aura-accent: #819B91;
  --aura-accent-strong: #9DB8AD;
  --aura-on-accent: #1F2226;
  --aura-copper: #C9A28C;
  --aura-border: rgba(232, 230, 224, 0.10);
  --aura-focus: #9DB8AD;
  --aura-shadow-light: rgba(255, 255, 255, 0.05);
  --aura-shadow-dark: rgba(0, 0, 0, 0.38);
  --aura-shadow-dark-inset: rgba(0, 0, 0, 0.45);
  --aura-edge: rgba(255, 255, 255, 0.06);
  --aura-success: #7FB58F;
  --aura-warning: #D9A95B;
  --aura-danger: #E8897E;
  --aura-info: #8DB0D1;
  --aura-shadow-raised: -7px -7px 16px var(--aura-shadow-light), 7px 7px 16px var(--aura-shadow-dark), inset 0 1px 0 var(--aura-edge);
  --aura-shadow-raised-sm: -4px -4px 10px var(--aura-shadow-light), 4px 4px 10px var(--aura-shadow-dark), inset 0 1px 0 var(--aura-edge);
  --aura-shadow-inset: inset 5px 5px 10px var(--aura-shadow-dark-inset), inset -5px -5px 10px var(--aura-shadow-light);
  --aura-shadow-pressed: inset 3px 3px 7px var(--aura-shadow-dark-inset), inset -3px -3px 7px var(--aura-shadow-light);
  --e-global-color-primary: var(--aura-text);
  --e-global-color-secondary: var(--aura-text-muted);
  --e-global-color-text: var(--aura-text);
  --e-global-color-accent: var(--aura-accent);
  --e-global-color-aura_bg: var(--aura-bg);
  --e-global-color-aura_inset: var(--aura-inset);
  --e-global-color-aura_highlight: var(--aura-highlight);
  --e-global-color-aura_text: var(--aura-text);
  --e-global-color-aura_text_muted: var(--aura-text-muted);
  --e-global-color-aura_accent: var(--aura-accent);
  --e-global-color-aura_accent_strong: var(--aura-accent-strong);
  --e-global-color-aura_copper: var(--aura-copper);
  --e-global-color-aura_success: var(--aura-success);
  --e-global-color-aura_warning: var(--aura-warning);
  --e-global-color-aura_danger: var(--aura-danger);
  --e-global-color-aura_info: var(--aura-info);
}

.aura-scheme-light,
.aura-scheme-dark {
  background-color: var(--aura-bg);
  color: var(--aura-text);
}