/* ── GrocerAI Design Tokens ──────────────────────────────────────────────────
   Source: GrocerAI Palette (standalone).html
   All colours project-wide should reference these variables.
   ─────────────────────────────────────────────────────────────────────────── */

:root {
    /* Neutral – page & surfaces */
    --bg: #F4F5F7;
    /* page background           */
    --bg-subtle: #EDEFF2;
    /* slightly darker bg        */
    --panel: #FFFFFF;
    /* card / panel surface      */
    --panel-tinted: #FAFBFC;
    /* off-white panels          */

    /* Neutral – borders */
    --border: #E6E8EE;
    /* default border            */
    --border-strong: #D5D9E0;
    /* stronger border           */

    /* Neutral – text */
    --text: #0B0D12;
    /* primary text              */
    --text-mid: #383D48;
    /* secondary text            */
    --dim: #8A92A1;
    /* muted / placeholder text  */
    --dim-light: #A8AEBB;
    /* even more muted           */

    /* Brand green – accent / primary action */
    --accent: #2E7D5B;
    /* primary accent            */
    --accent-hover: #3F9568;
    /* hover / lighter           */
    --accent-mid: #1F5C42;
    /* pressed / darker          */
    --accent-light: #E1F0E8;
    /* tinted bg (chips, hover)  */
    --accent-faint: #F2F9F5;
    /* very faint tint           */

    /* Semantic – success (green shades from palette) */
    --green: #16A34A;
    --green-mid: #15803D;
    --green-dark: #1F5C42;
    --green-bg: #D6EADC;
    --green-bg-subtle: #ECF6F0;

    /* Semantic – error / danger */
    --red: #DC2626;
    --red-mid: #B91C1C;
    --red-bg: #FEE2E2;
    --red-bg-subtle: #FEF2F2;

    /* Semantic – warning / caution */
    --orange: #D97706;
    --orange-mid: #92400E;
    --orange-text: #78350F;          /* dark text on orange/amber bg  */
    --orange-bg: #FEF3C7;
    --orange-bg-subtle: #FFFBEB;

    /* Semantic – Nectar (Sainsbury's loyalty purple) */
    --nectar: #8223D2;

    /* Highlighted action keywords (Login / Book / Pay etc.) */
    --keyword: var(--accent);        /* currently brand green #2E7D5B */
}