/*
This file controls the color scheme for the entire website.
To change the main colors, simply replace the hex codes below.
*/

:root {
    /* --- Primary Brand Color (Black/Dark Grey from Logo) --- */
    --color-primary: #1A1A1A;          /* Almost black, for primary buttons */
    --color-primary-hover: #333333;    /* Slightly lighter for hover states */
    --color-primary-text: #1A1A1A;     /* For most text and headings */
    --color-page-bg: #F5F5F0;          /* A soft, off-white/cream from the logo background */

    /* --- Accent Brand Color (Gold/Amber from Logo) --- */
    --color-accent: #B8860B;           /* Darker gold/bronze for main accents */
    --color-accent-hover: #D4AF37;     /* Brighter gold for hover states */
    --color-accent-text: #B8860B;      /* For highlighted text */

    /* --- Action/Utility Colors --- */
    --color-danger: #DC2626;           /* Red for delete/danger actions */
    --color-danger-hover: #B91C1C;     /* Darker red for hover */

    --color-info: #2C3E50;             /* Navy blue for info buttons (was generic blue) */
    --color-info-hover: #34495E;       /* Lighter navy for hover */

    --color-bookings: #8B5CF6;         /* Purple for "Bookings" buttons (was tailwind purple-600) */
    --color-bookings-hover: #7C3AED;   /* Lighter purple for hover */

    /* --- Grays & Dark backgrounds --- */
    --color-dark-bg: #111827;          /* For footers or dark sections */
    --color-dark-card: #1F2937;        /* For cards on dark backgrounds */

    /* --- Step/Process Colors --- */
    --color-step-1: #14B8A6; /* Tailwind teal-500 */
    --color-step-2: #D4AF37; /* Brand accent gold */
    --color-step-3: #8B5CF6; /* Brand bookings purple */
    --color-step-4: #0EA5E9; /* Tailwind sky-500 */
    --color-step-5: #10B981; /* Tailwind emerald-500 */
}