/* Neobrutalism design tokens — TendLife */
:root {
    /* Surfaces */
    --neo-bg: #f5f5f0;
    --neo-surface: #ffffff;
    --neo-surface-alt: #ebebeb;
    --neo-surface-muted: #e0e0e0;

    /* Brand — TendLife green + neo accent yellow */
    --neo-brand: #16a34a;
    --neo-brand-strong: #15803d;
    --neo-brand-soft: #dcfce7;
    --neo-accent: #ffdb33;
    --neo-accent-strong: #ffcc00;

    /* Ink */
    --neo-ink: #000000;
    --neo-heading: #000000;
    --neo-body: #404040;
    --neo-muted: #525252;
    --neo-link: #0f5c2e;
    --neo-on-accent: #000000;
    --neo-on-accent-muted: #333333;

    /* Borders & shadows */
    --neo-border: #000000;
    --neo-border-muted: #bfbfbf;
    --neo-shadow-2xs: 1px 1px 0 0 var(--neo-border);
    --neo-shadow-xs: 2px 2px 0 0 var(--neo-border);
    --neo-shadow-sm: 3px 3px 0 0 var(--neo-border);
    --neo-shadow-md: 4px 4px 0 0 var(--neo-border);
    --neo-shadow-lg: 6px 6px 0 0 var(--neo-border);
    --neo-shadow-xl: 10px 10px 0 1px var(--neo-border);

    /* Layout */
    --neo-container: 1152px;
    --neo-section-pad: 96px;
    --neo-radius: 0px;
    --neo-radius-pill: 9999px;

    /* Legacy aliases (landing pages) */
    --bg-dark: #000000;
    --bg-card: var(--neo-surface);
    --bg-card-hover: #ebebeb;
    --bg-section-alt: #f5f5f0;
    --accent: var(--neo-link);
    --accent-soft: #22c55e;
    --accent-dark: var(--neo-brand-strong);
    --accent-footer: #000000;
    --accent-glow: transparent;
    --bg-light-green: #f5f5f0;
    --text: var(--neo-heading);
    --text-dark: var(--neo-heading);
    --text-secondary: var(--neo-body);
    --text-muted: var(--neo-muted);
    --border: var(--neo-border);
    --border-light: var(--neo-border);
    --faq-bg: #f5f5f0;
    --gradient: var(--neo-brand);
    --gradient-subtle: var(--neo-bg);
    --container-max: var(--neo-container);
    --section-gap: var(--neo-section-pad);
    --radius-sm: 0px;
    --radius-md: 0px;
    --radius-lg: 0px;
    --radius-full: var(--neo-radius-pill);
    --shadow-sm: var(--neo-shadow-xs);
    --shadow-md: var(--neo-shadow-md);
    --shadow-lg: var(--neo-shadow-lg);
    --shadow-nav: var(--neo-shadow-sm);
}

@media (prefers-color-scheme: dark) {
    :root {
        --neo-bg: #1a1a1a;
        --neo-surface: #242424;
        --neo-surface-alt: #2e2e2e;
        --neo-surface-muted: #3a3a3a;
        --neo-ink: #f5f5f5;
        --neo-heading: #f5f5f5;
        --neo-body: #c8c8c8;
        --neo-muted: #b0b0b0;
        --neo-link: #4ade80;
        --neo-border: #f5f5f5;
        --neo-border-muted: #4a4a4a;
        --neo-brand-soft: #14532d;
        --neo-accent: #ffdb33;
        --bg-section-alt: #1a1a1a;
        --bg-light-green: #1a1a1a;
        --faq-bg: #1a1a1a;
        --accent-footer: #000000;
    }
}