/**
 * CSS Custom Properties, Strukturglas (Warm / Editorial)
 *
 * Variable NAMES retained from the shared base theme so the imported design CSS
 * (bg-design.css, calculator.css, buttons.css …) keeps working without renames.
 * Only VALUES change here.
 *
 * Palette: warm off-white surfaces, taupe primary, terracotta accent for CTAs.
 * Brief: glas-selection.de / troas.shop / glaSchulz.de  —  Apartamento magazine
 * lookbook feel. Deliberately different from the cool-blue engineering vibe of
 * the begehbaresglas / VSG / ESG / formspiegel sister sites.
 *
 * @package Begehbaresglas
 */

:root {
    /* ----- Surfaces (warm off-white family) ----- */
    --ts-black: #f5f1ec;             /* page background, warm cream */
    --ts-dark: #faf7f3;              /* card surface, lighter cream */
    --ts-dark-secondary: #ece5db;    /* section divider, light taupe */
    --ts-dark-tertiary: #d9cfc1;     /* subtle borders */

    /* ----- Text (warm dark grey, not pure black) ----- */
    --ts-white: #2a2520;             /* primary text */
    --ts-silver: #5a5048;            /* secondary text / muted */
    --ts-silver-light: #8a7e72;      /* tertiary / hints / labels */

    /* ----- Brand (warm taupe primary, terracotta accent for CTAs) ----- */
    --ts-accent: #a89884;            /* primary brand, warm taupe */
    --ts-accent-dark: #8c7c68;       /* primary hover / gradient end */
    --ts-accent-hover: #c08070;      /* TERRACOTTA, CTAs and key hover states */
    --ts-accent-glow: rgba(192, 128, 112, 0.16);

    /* ----- Secondary accents (warm side-tones, not cool blue) ----- */
    --ts-purple: #c08070;            /* terracotta echo (legacy name kept) */
    --ts-purple-light: #e8d5cc;      /* dusty rose surface */
    --ts-success: #7a8a5c;           /* warm olive-green, not cool teal */
    --ts-error: #c44545;

    /* ----- Glassmorphism (kept, used by header sticky blur) ----- */
    --ts-glass-bg: rgba(245, 241, 236, 0.88);
    --ts-glass-border: rgba(42, 37, 32, 0.10);
    --ts-glass-blur: blur(8px);

    /* ----- Gradients ----- */
    --ts-gradient-mirror: linear-gradient(135deg, rgba(42,37,32,0.02) 0%, rgba(42,37,32,0) 50%, rgba(42,37,32,0.02) 100%);
    --ts-gradient-silver: linear-gradient(180deg, #ece5db 0%, #d9cfc1 50%, #b8aa97 100%);
    --ts-gradient-accent: linear-gradient(135deg, #a89884 0%, #c08070 100%);
    --ts-gradient-accent-reverse: linear-gradient(135deg, #c08070 0%, #a89884 100%);

    /* ----- Typography ----- */
    /* Fraunces: variable serif w/ opsz axis. Editorial / lookbook feel. */
    /* Inter: neutral sans for body. */
    --ts-font-display: 'Fraunces', 'Times New Roman', Georgia, serif;
    --ts-font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --ts-font-mono: 'Inter', system-ui, monospace; /* mono not used, fallback to body */

    /* ----- Spacing (unchanged) ----- */
    --ts-space-xs: 0.25rem;
    --ts-space-sm: 0.5rem;
    --ts-space-md: 1rem;
    --ts-space-lg: 1.5rem;
    --ts-space-xl: 2rem;
    --ts-space-2xl: 3rem;
    --ts-space-3xl: 4rem;
    --ts-space-4xl: 6rem;

    /* ----- Border radius (softer, 16px card standard per brief) ----- */
    --ts-radius-sm: 6px;
    --ts-radius-md: 10px;
    --ts-radius-lg: 14px;
    --ts-radius-xl: 16px;             /* card standard */
    --ts-radius-full: 9999px;         /* pill buttons */

    /* ----- Shadows (warm-tinted, subtle) ----- */
    --ts-shadow-sm: 0 1px 2px rgba(42, 37, 32, 0.04);
    --ts-shadow-md: 0 2px 8px rgba(42, 37, 32, 0.06), 0 1px 2px rgba(42, 37, 32, 0.04);
    --ts-shadow-lg: 0 10px 28px rgba(42, 37, 32, 0.08), 0 2px 8px rgba(42, 37, 32, 0.04);
    --ts-shadow-xl: 0 18px 44px rgba(42, 37, 32, 0.12), 0 4px 14px rgba(42, 37, 32, 0.06);
    --ts-shadow-glow: 0 0 0 3px rgba(192, 128, 112, 0.22);
    --ts-shadow-button: 0 2px 6px rgba(192, 128, 112, 0.18);
    --ts-shadow-button-hover: 0 4px 12px rgba(192, 128, 112, 0.26);
    --ts-shadow-inner: inset 0 1px 2px rgba(42, 37, 32, 0.04);

    /* ----- Transitions (unchanged) ----- */
    --ts-transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --ts-transition-base: 350ms cubic-bezier(0.4, 0, 0.2, 1);
    --ts-transition-slow: 600ms cubic-bezier(0.4, 0, 0.2, 1);
    --ts-transition-bounce: 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

    /* ----- Layout (unchanged) ----- */
    --ts-max-width: 1400px;
    --ts-header-height: 76px;
    --ts-admin-bar-height: 0px;
}

.admin-bar {
    --ts-admin-bar-height: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar {
        --ts-admin-bar-height: 46px;
    }
}