:root {
    /* ========================================================
       REISENBOOKING BRAND
       Change these values to re-theme the entire website.
       ======================================================== */

    --brand-blue: #0648AA;
    --brand-blue-dark: #04377F;
    --brand-blue-light: #EAF2FF;

    --brand-orange: #FB6103;
    --brand-orange-dark: #D94F00;
    --brand-orange-light: #FFF1E8;

    --brand-charcoal: #413433;

    /* Semantic colours */
    --primary: var(--brand-blue);
    --primary-hover: var(--brand-blue-dark);

    --accent: var(--brand-orange);
    --accent-hover: var(--brand-orange-dark);

    --text: #172033;
    --text-secondary: #526071;
    --text-muted: #7A8698;

    --background: #F6F8FC;
    --surface: #FFFFFF;
    --surface-soft: #F9FAFC;

    --border: #DDE3EC;
    --border-light: #EAEFF5;

    --success: #15803D;
    --success-bg: #ECFDF3;

    --danger: #C62828;
    --danger-bg: #FEF2F2;

    --warning: #B45309;
    --warning-bg: #FFF7ED;

    /* Layout */
    --container: 1200px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(18, 38, 63, 0.06);
    --shadow-md: 0 8px 30px rgba(18, 38, 63, 0.10);
    --shadow-lg: 0 18px 50px rgba(18, 38, 63, 0.14);

    /* Typography */
    --font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
}