/*
 * La Mercy Beach Hotel - design tokens.
 * Colours are taken from the logo. Change brand colours here only; email colours mirror these in includes/config/config.php.
 */
:root {
    /* Brand blues from the logo: navy lettering and the three wave bands */
    --color-primary: #2d3370;        /* navy lettering / bottom wave */
    --color-primary-dark: #222656;   /* hover/active state for primary buttons and links */
    --color-secondary: #4f7cae;      /* middle wave */
    --color-accent: #7eb5de;         /* top (light) wave */
    --color-accent-soft: #d8e9f6;    /* tinted accent for chips and highlights */
    --color-sand: #d2c69c;           /* tan inline stroke on the logo lettering */

    --color-background: #ffffff;
    --color-surface: #ffffff;
    --color-surface-tint: #eef4fa;   /* alternating section background */
    --color-text: #1c2140;
    --color-text-muted: #5a6080;
    --color-text-inverse: #ffffff;
    --color-border: #d6e2ef;

    --color-success: #1e7d4f;
    --color-success-bg: #e5f4ec;
    --color-error: #b3261e;
    --color-error-bg: #fbe9e8;
    --color-warning: #7a5300;        /* "enquiry only, not confirmed" notices */
    --color-warning-bg: #fff4dc;
    --color-warning-border: #c98a00;
    --color-focus: #f2b134;          /* high-visibility keyboard focus ring */

    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-heading: "Playfair Display", Georgia, "Times New Roman", serif;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-card: 0 8px 24px rgba(28, 33, 64, 0.08);
    --shadow-card-hover: 0 14px 32px rgba(28, 33, 64, 0.14);

    /* Bootstrap mapped to the brand tokens */
    --bs-primary: var(--color-primary);
    --bs-primary-rgb: 45, 51, 112;
    --bs-body-font-family: var(--font-body);
    --bs-body-color: var(--color-text);
    --bs-body-bg: var(--color-background);
    --bs-link-color: var(--color-primary);
    --bs-link-color-rgb: 45, 51, 112;
    --bs-link-hover-color: var(--color-secondary);
    --bs-link-hover-color-rgb: 79, 124, 174;
    --bs-border-color: var(--color-border);
}