/* ============================================================
   SN Cleaning Services — style.css
   ============================================================ */

/* ── CSS Custom Properties (Design Tokens) ── */
:root {
    /* Emerald Custom Theme */
    --background: 210 40% 98%;        /* #f8fafc */
    --foreground: 215 28% 17%;        /* #1d2630 */

    --card: 0 0% 100%;                /* #ffffff */
    --card-foreground: 215 28% 17%;

    --popover: 0 0% 100%;
    --popover-foreground: 215 28% 17%;

    --primary: 160 72% 34%;           /* #18956c - Emerald Green */
    --primary-foreground: 0 0% 100%;  /* #ffffff */

    --secondary: 156 12% 92%;         /* #e8eeeb - Light Sage */
    --secondary-foreground: 160 72% 34%;

    --muted: 214 32% 91%;             /* #e2e8f0 */
    --muted-foreground: 215 20% 50%;  /* #64748b */

    --accent: 45 93% 47%;             /* Yellow for star/badges */
    --accent-foreground: 0 0% 100%;

    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;

    --border: 214 32% 91%;
    --input: 214 32% 91%;
    --ring: 160 72% 34%;

    --radius: 0.5rem;
}

/* ── Base ── */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'DM Sans', sans-serif;
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
}

/* ── Layout Utilities ── */
.container-narrow {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.section-padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
}