/* ---------------------------------------------------------
   FOYER CHAT — WARM WELCOME PALETTE
   (Colour variables only — layout lives in chat-layout.css)
--------------------------------------------------------- */

:root {
    /* Backgrounds */
    --chat-bg: #fff7f2;                 /* warm peach background */
    --chat-header-bg: #ffffff;          /* clean white header */
    --chat-bubble-bg: #ffffff;          /* message bubble surface */
    --chat-composer-bg: #ffffff;        /* composer surface */
    --chat-editor-bg: #fff7f2;          /* editor panel background */

    /* Borders */
    --chat-border: #f0d9cc;             /* soft warm border */
    --chat-border-soft: #f3e4dd;        /* bubble border */
    --chat-border-input: #e8d4c8;       /* input border */

    /* Text */
    --chat-text: #4a3b35;               /* warm brown-grey */
    --chat-header-text: #3a2f2a;        /* header title */
    --chat-muted: #8c7b74;              /* muted warm grey */
    --chat-muted-strong: #7a6a63;       /* meta text */

    /* Inputs */
    --chat-input-bg: #fffaf7;           /* soft warm white */

    /* Accent (buttons, highlights, focus) */
    --chat-accent: #ff9f6e;             /* warm peach-orange */
    --chat-accent-strong: #e88a5d;      /* darker accent */
    --chat-accent-soft: rgba(255, 159, 110, 0.18); /* focus ring */

    /* Special warm tones */
    --chat-warm-bg: #ffe8dd;            /* editor outline / soft peach */
}