/**
 * Design tokens — single source of truth for all brand values
 */

:root {
    /* Brand colours */
    --color-primary:      #5B9CEA;   /* blue — default brand (links, badges, borders) */
    --color-primary-dark: #2E6FCC;   /* hover state for blue elements */
    --color-orange:       #ED6223;   /* orange — Book Now buttons + accent badges */
    --color-orange-dark:  #D4550E;   /* hover for orange */
    --color-green:        #2EAF5C;   /* green — Send Inquiry / confirm actions */
    --color-green-dark:   #1E8A44;   /* hover for green */
    --color-danger:       #D64545;   /* soft red — removal affordance (hover on added interest items) */
    --color-navy:         #000C5E;
    --color-header:     #353839;   /* charcoal — header/footer chrome */
    --color-dark:       #353839;   /* dark sections — matches header/footer */
    --color-dark-deep:  #252728;   /* footer bar / stat strip — deeper charcoal */

    /* Surfaces */
    --color-surface-alt: #eef1f4;  /* alt section bg — deep enough that white cards pop */

    /* Layout */
    --ba-header-h:      106px;   /* matches actual rendered #ba-header height */

    /* Typography */
    --font-base:        'Montserrat', sans-serif;
    --font-weight-price: 600;   /* price values — less bold than headings */

    /* Text colours */
    --color-text:       #303030;
    --color-text-muted: #333333;   /* body copy — darkened for readability (was #6c757d) */
    --color-text-light: rgba(255, 255, 255, 0.75);
    --color-text-faint: rgba(255, 255, 255, 0.4);

    /* Gradients */
    --gradient-ocean: linear-gradient(135deg, #0c3461 0%, #1a6ea8 60%, #0e7490 100%);

    /* Overrides for Bootstrap */
    --bs-primary:       #5B9CEA;
    --bs-primary-rgb:   91, 156, 234;
    --bs-font-sans-serif: 'Montserrat', sans-serif;
    --bs-body-color:    #303030;
    --bs-link-color:    #5B9CEA;
    --bs-link-hover-color: #2E6FCC;

    /* Mobile heading scale — override per page at max-width: 767.98px */
    --font-size-h1-mobile: 1.75rem;
    --font-size-h2-mobile: 1.35rem;
    --font-size-h3-mobile: 1.15rem;

    /* Button size modifiers */
    --btn-padding-y-sm: 0.45rem;
    --btn-padding-x-sm: 1rem;
    --btn-font-size-sm: 0.8rem;
    --btn-padding-y-lg: 1rem;
    --btn-padding-x-lg: 2.5rem;
    --btn-font-size-lg: 1.1rem;
}