/*
 * Design tokens: "Garagem de dia" (Palette A), derived from images/logo.webp.
 * All colours used anywhere in the site MUST come from here.
 * Contrast notes (WCAG): text pairs listed below are all >= 4.5:1.
 */
:root {
    /* Core */
    --ink: #1F2A22;            /* logo outline green-black. 13.2:1 on paper */
    --ink-soft: #4A5249;       /* secondary text. 7.2:1 on paper */
    --muted: #66645A;          /* small print, struck-through prices. 5.3:1 on paper */
    --paper: #F7F1E3;          /* page background (logo cream) */
    --card: #FFFDF7;           /* cards, panels */
    --line: #E4D9C2;           /* borders, dividers */
    --line-strong: #CDBF9F;    /* hover borders */

    /* Accents */
    --tag: #F5B83D;            /* price-tag yellow; use with --ink text (8.4:1) */
    --tag-tint: #FDF0CF;
    --cardboard: #C8945A;      /* decoration only; text on it = --ink (5.5:1) */
    --cardboard-tint: #F4E6CF;
    --cardboard-text: #7A4E1C; /* on --cardboard-tint 5.8:1 */

    /* Semantic */
    --cta: #2F6B2C;            /* primary action (WhatsApp/buy). white text 6.4:1 */
    --cta-hover: #255722;
    --cta-tint: #E3F0DD;       /* with --cta text 5.5:1 */
    --sold: #C42B41;           /* SOLD stamp bg, white text 5.6:1. Never used for CTAs */
    --sold-text: #B3203A;      /* on --sold-tint 5.5:1 */
    --sold-tint: #FCE6E8;
    --reserved-text: #9A5B00;  /* on --reserved-tint 4.9:1 */
    --reserved-tint: #FFF1D6;
    --on-dark: #FFFFFF;

    /* Type */
    --font-display: 'Bricolage Grotesque', 'Inter', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* Shape */
    --radius-sm: 8px;
    --radius: 14px;
    --radius-pill: 999px;
    --border: 2px solid var(--ink);
    --shadow-hard: 4px 4px 0 var(--ink);
    --shadow-hard-sm: 2px 2px 0 var(--ink);
    --shadow-soft: 0 8px 24px rgba(31, 42, 34, 0.12);

    /* Spacing (8px scale) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    --tap: 44px;               /* minimum touch target */
    --toolbar-h: 64px;         /* approx sticky toolbar height, used for scroll-padding */
    --z-toolbar: 20;
    --z-fab: 30;
    --z-modal: 100;
}