/*
 * iBangkok v4 theme tokens — blue/white
 * Primary #0056e4 on white (supersedes the v3 orange palette).
 * Headings: Afacad Flux · Body: Noto Sans · Bootstrap 5 only.
 */

:root {
    --primary: #0056e4;
    --primary-hover: #0046ba;
    --primary-deep: #04205c;      /* luxury / dark sections */
    --primary-soft: #eaf1ff;      /* tinted section backgrounds */
    --primary-border: #cfdffb;
    --ink: #0d1b34;               /* body text on white */
    --ink-muted: #5a6b8c;
    --line-green: #06c755;        /* LINE brand */
    --accent-yellow: #ffd400;     /* vivid yellow — hero emphasis on blue */
    --danger-red: #e0263c;        /* NEW badge + taken (rented/sold) state */
    --white: #ffffff;

    --bs-primary: #0056e4;
    --bs-primary-rgb: 0, 86, 228;
    --bs-dark: #04205c;
    --bs-dark-rgb: 4, 32, 92;
    --bs-body-color: #0d1b34;
    --bs-link-color: #0056e4;

    --font-heading: 'Afacad Flux', 'Noto Sans', sans-serif;
    --font-body: 'Noto Sans', 'Segoe UI', sans-serif;

    --radius-card: 14px;
    --shadow-card: 0 2px 10px rgba(13, 27, 52, .07);
    --shadow-card-hover: 0 10px 28px rgba(0, 86, 228, .16);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    color: var(--ink);
    background: var(--white);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--ink);
    font-weight: 600;
}

a {
    color: var(--primary);
}

.btn-primary {
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-active-bg: var(--primary-hover);
    --bs-btn-active-border-color: var(--primary-hover);
}

.btn-outline-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
}

.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.bg-primary-soft { background-color: var(--primary-soft) !important; }
.bg-primary-deep { background-color: var(--primary-deep) !important; }

.btn-line {
    background-color: var(--line-green);
    border-color: var(--line-green);
    color: #fff;
    font-weight: 600;
}

.btn-line:hover {
    background-color: #05b34c;
    border-color: #05b34c;
    color: #fff;
}