@import url('/assets/css/fonts-local.css');
@import url('/assets/css/themes/template-pack.css');

body[data-theme="bequemerleben"] {
    --font-body: 'Public Sans', 'Inter', 'Segoe UI', sans-serif;
    --font-heading: 'Varta', 'Public Sans', 'Inter', sans-serif;
    --color-bg: #f7f3ee;
    --color-text: #1c2833;
    --color-muted: rgba(28, 40, 51, 0.75);
    --color-surface: #ffffff;
    --color-surface-alt: #f0ebe5;
    --color-accent: #4a7087;
    --color-accent-contrast: #ffffff;
    --color-warning-bg: rgba(255, 188, 13, 0.12);
    --color-warning-border: rgba(255, 188, 13, 0.35);
    --tpl-gradient: radial-gradient(circle at top, rgba(74, 112, 135, 0.18), transparent 45%), linear-gradient(180deg, #f8f5f1 0%, #f2ede5 45%, #ebe5dc 100%);
    --tpl-shell-bg: rgba(255, 255, 255, 0.85);
    --tpl-shell-border: rgba(74, 112, 135, 0.18);
    --tpl-shell-card: rgba(255, 255, 255, 0.92);
    --tpl-card-border: rgba(42, 56, 62, 0.08);
    --tpl-card-shadow: 0 25px 55px rgba(57, 72, 82, 0.15);
    --tpl-hero-card: rgba(255, 255, 255, 0.9);
    --tpl-hero-orb: radial-gradient(circle at 15% 20%, rgba(74, 112, 135, 0.25), transparent 55%);
    --tpl-ai-bg: rgba(255, 255, 255, 0.88);
    --tpl-ai-border: rgba(74, 112, 135, 0.15);
    --tpl-menu-bg: rgba(255, 255, 255, 0.65);
    --tpl-menu-hover: rgba(74, 112, 135, 0.15);
    --tpl-overlay: rgba(16, 22, 28, 0.92);
    --tpl-link-color: #3c6278;
    --tpl-link-hover: #153344;
    --tpl-cookie-bg: rgba(255, 255, 255, 0.96);
    --tpl-cookie-border: rgba(74, 112, 135, 0.25);
    --tpl-footer-bg: rgba(255, 255, 255, 0.8);
    --tpl-footer-border: rgba(74, 112, 135, 0.18);
}