/* Preset: CLEAN — Auckland E-Waste Recycling brand theme.
   Eco green + dark navy, derived from the brand logo.
   Loaded AFTER style.css, so these tokens win. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --color-primary: #006c49;        /* deep eco green — buttons, links, accents */
    --color-primary-dark: #00543a;
    --color-accent: #10b981;         /* emerald — badges, highlights */
    --color-text: #0b1c30;
    --color-text-light: #3c4a42;
    --color-text-muted: #6c7a71;
    --color-bg: #ffffff;
    --color-bg-alt: #eff4ff;         /* light blue-tint section band */
    --color-bg-dark: #213145;        /* navy — footer + secure-data banner */
    --color-border: #d7e3dd;

    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --radius-sm: .25rem;
    --radius-md: .5rem;
    --radius-lg: .75rem;

    --shadow-sm: 0 1px 2px rgba(15,23,42,.04);
    --shadow-md: 0 4px 12px rgba(15,23,42,.08);
    --shadow-lg: 0 16px 40px rgba(11,28,48,.14);
}

/* Preset-specific polish */
.hero-title { font-weight: 700; letter-spacing: -.025em; }
.card { border-color: var(--color-border); }
.card:hover { border-color: var(--color-primary); }

/* Brand logo sizing — header keeps it compact, footer chips it on the dark band */
.site-logo img { height: 80px; width: auto; }
.footer-brand img { background: #fff; padding: .5rem .75rem; border-radius: var(--radius-md); max-width: 230px; height: auto; }