/* =====================================================
   CSS VARIABLES
   Centralized color and design tokens
   ===================================================== */

:root {
    /* Primary Colors */
    --primary-orange: #e18b2a;
    --primary-light: #ffffff;
    --primary-dark: #4b241b;

    /* Text Colors */
    --text-white: #ffffff;
    --text-dark: #333333;

    /* Accent Colors */
    --sale-red: #e74c3c;

    /* Filter & Form Colors */
    --filter-bg: #fff;
    --border-color: #ccc;

    /* Travel card image gap ("white border") */
    --mtc-card-image-gap: 6px;
    /* Should match site background so the gap blends in */
    --mtc-card-image-gap-color: #fff5ed;
    /* Card image radii (card is 332.5px square => 166.25px circle radius) */
    --mtc-card-image-radius: 166.25px;
    --mtc-card-image-br-radius: 47px;
}