/* ============================================================
 Dauchim design tokens

 These variables were living inside the content of page 48. That
 page is built with Elementor, so its post_content is never printed,
 which left every var() reference on the site unresolved. The footer
 was the visible casualty: hsl(var(--navy)) could not be computed,
 so its background and text colours fell back and the four link
 columns rendered dark on dark.

 Extracted verbatim, not retyped. Loaded site wide so the header,
 the footer and every template resolve the same palette.
 ============================================================ */

:root {
    --background: 0 0% 100%;
    --foreground: 210 38% 16%;
    --card: 0 0% 100%;
    --card-foreground: 210 38% 16%;
    --popover: 0 0% 100%;
    --popover-foreground: 210 38% 16%;
    --primary: 203 76% 43%;
    --primary-foreground: 0 0% 100%;
    --secondary: 205 45% 96%;
    --secondary-foreground: 210 38% 16%;
    --muted: 206 40% 97%;
    --muted-foreground: 206 16% 46%;
    --accent: 205 55% 94%;
    --accent-foreground: 203 76% 30%;
    --destructive: 4 74% 55%;
    --destructive-foreground: 0 0% 100%;
    --border: 205 32% 91%;
    --input: 205 32% 91%;
    --ring: 203 76% 43%;
    /* Четирите цвята на марката */
    --coral: 13 97% 67%;
    --coral-foreground: 0 0% 100%;
    --green: 92 48% 47%;
    --green-foreground: 0 0% 100%;
    --yellow: 38 92% 58%;
    --yellow-foreground: 210 38% 16%;
    --blue: 203 76% 43%;
    --blue-foreground: 0 0% 100%;
    /* Производни */
    --coral-dark: 13 78% 57%;
    --coral-mist: 14 100% 96%;
    --blue-deep: 202 74% 38%;
    --blue-mist: 203 62% 94%;
    --green-deep: 92 52% 36%;
    --green-mist: 92 45% 94%;
    --yellow-mist: 40 90% 94%;
    --pink-mist: 10 85% 96%;
    --navy: 207 25% 18%;
    --navy-soft: 205 24% 27%;
    --radius: 1rem;
    --shadow-card: 0 1px 2px hsl(210 38% 16% / .04), 0 8px 24px hsl(210 38% 16% / .06);
    --shadow-card-hover: 0 2px 6px hsl(210 38% 16% / .07), 0 18px 40px hsl(210 38% 16% / .11);
    --shadow-button: 0 6px 18px hsl(var(--coral) / .35);
    --sidebar-background: 0 0% 100%;
    --sidebar-foreground: 210 38% 16%;
    --sidebar-primary: 203 76% 43%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 205 55% 94%;
    --sidebar-accent-foreground: 203 76% 30%;
    --sidebar-border: 205 32% 91%;
    --sidebar-ring: 203 76% 43%;
  }