/**
 * Auto-generated by scripts/build-wp-css.mjs — DO NOT EDIT BY HAND.
 * Raw CSS custom properties copied verbatim from src/index.css so Tailwind
 * utility classes compiled for the WP theme (hsl(var(--background)) etc.)
 * resolve against the same values as the React build. Regenerate with:
 *   npm run build-wp-css
 */
:root {
  /* Surfaces — soft warm cream, welcoming and friendly */
    --background: 38 45% 96%;            /* warm linen cream */
    --foreground: 24 30% 15%;            /* slightly lifted Beard Brown */

    --surface: 36 38% 92%;               /* warmer secondary surface */
    --surface-strong: 34 30% 87%;

    --card: 0 0% 100%;
    --card-foreground: 24 33% 12%;

    --popover: 0 0% 100%;
    --popover-foreground: 24 33% 12%;

    /* Brand: Mantis Green PMS 375 C — #84BD45 */
    --primary: 87 49% 51%;               /* Mantis Green */
    --primary-foreground: 0 0% 100%;
    --primary-deep: 88 55% 32%;          /* deeper green for hover/contrast */
    --primary-glow: 87 60% 60%;

    /* Beard Brown — used for dark surfaces */
    --brand-brown: 24 33% 12%;
    --brand-brown-foreground: 40 33% 97%;

    /* Sky Blue — soft accent panels */
    --brand-sky: 193 75% 71%;
    --brand-sky-foreground: 24 33% 12%;

    /* Steel Gray — secondary text/dividers */
    --brand-gray: 346 6% 33%;

    --secondary: 36 22% 92%;
    --secondary-foreground: 24 33% 12%;

    /* Accent: brand RED, reserved for phone numbers + critical CTAs on light bg */
    --accent: 4 75% 48%;
    --accent-foreground: 0 0% 100%;

    --muted: 36 18% 93%;
    --muted-foreground: 346 6% 33%;      /* Steel Gray */

    --destructive: 4 75% 48%;
    --destructive-foreground: 0 0% 100%;

    --border: 34 18% 84%;
    --input: 34 18% 84%;
    --ring: 87 49% 51%;

    --radius: 0.625rem;                  /* friendlier rounded corners */

    /* Typography — closest free Google equivalents to Eurostile / Myriad Pro */
    --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    --font-sans: 'Barlow', 'Helvetica Neue', system-ui, sans-serif;

    /* Effects — softer, warmer shadows */
    --shadow-soft: 0 1px 2px hsl(24 33% 12% / 0.04), 0 10px 30px -14px hsl(24 33% 12% / 0.12);
    --shadow-lift: 0 2px 6px hsl(24 33% 12% / 0.07), 0 28px 60px -22px hsl(24 33% 12% / 0.20);
    --shadow-stamp: 0 0 0 2px hsl(87 49% 51%), 4px 4px 0 0 hsl(24 33% 12%);
    --shadow-card: 0 1px 0 hsl(24 33% 12% / 0.04), 0 4px 16px -8px hsl(24 33% 12% / 0.10);

    --gradient-hero: linear-gradient(180deg, hsl(24 33% 8% / 0.55) 0%, hsl(24 33% 8% / 0.85) 100%);
    --gradient-green: linear-gradient(135deg, hsl(87 49% 51%) 0%, hsl(88 55% 38%) 100%);
    --gradient-brown: linear-gradient(180deg, hsl(24 33% 14%) 0%, hsl(24 33% 9%) 100%);

    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 450ms cubic-bezier(0.22, 1, 0.36, 1);

    /* Sidebar (kept for shadcn) */
    --sidebar-background: 40 33% 97%;
    --sidebar-foreground: 24 33% 12%;
    --sidebar-primary: 87 49% 51%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 36 22% 92%;
    --sidebar-accent-foreground: 24 33% 12%;
    --sidebar-border: 36 14% 82%;
    --sidebar-ring: 87 49% 51%;
}

.dark {
  /* Light-first per brand; tokens kept valid */
    --background: 24 33% 8%;
    --foreground: 40 33% 96%;
    --card: 24 33% 10%;
    --card-foreground: 40 33% 96%;
    --popover: 24 33% 10%;
    --popover-foreground: 40 33% 96%;
    --primary: 87 49% 51%;
    --primary-foreground: 24 33% 8%;
    --secondary: 24 20% 16%;
    --secondary-foreground: 40 33% 96%;
    --muted: 24 20% 16%;
    --muted-foreground: 40 12% 70%;
    --accent: 4 75% 55%;
    --accent-foreground: 0 0% 100%;
    --destructive: 4 75% 55%;
    --destructive-foreground: 0 0% 100%;
    --border: 24 20% 18%;
    --input: 24 20% 18%;
    --ring: 87 49% 51%;
}