:root {
    /* Brand */
    --color-primary: #0f2d59;
    --color-primary-hover: #1e3a8a;
    --color-on-primary: #ffffff;
    --color-primary-container: #0b1c30;
    --color-on-primary-container: #dceaf4;
    --color-primary-fixed: #dbeafe;
    --color-primary-fixed-dim: #93c5fd;
    --color-on-primary-fixed: #0f2d59;
    --color-on-primary-fixed-variant: #1e3a8a;
    --color-inverse-primary: #93c5fd;

    /* Deep Navy & Slate accents */
    --color-secondary: #1e3a8a;
    --color-secondary-container: #0f2d59;
    --color-on-secondary: #ffffff;
    --color-on-secondary-container: #ffffff;
    --color-secondary-fixed: #dbeafe;
    --color-secondary-fixed-dim: #bfdbfe;
    --color-on-secondary-fixed: #0f2d59;
    --color-on-secondary-fixed-variant: #1e3a8a;

    /* Surfaces and typography */
    --color-background: #ffffff;
    --color-on-background: #102a3d;
    --color-surface: #ffffff;
    --color-surface-bright: #ffffff;
    --color-surface-dim: #f8fafc;
    --color-surface-container-lowest: #ffffff;
    --color-surface-container-low: #ffffff;
    --color-surface-container: #ffffff;
    --color-surface-container-high: #f8fafc;
    --color-surface-container-highest: #f1f5f9;
    --color-surface-variant: #dce8ef;
    --color-on-surface: #102a3d;
    --color-on-surface-variant: #465b69;
    --color-outline: #6f7f89;
    --color-outline-variant: #bdcbd4;
    --color-surface-tint: #245a82;
    --color-inverse-surface: #213747;
    --color-inverse-on-surface: #edf5fa;

    /* Supporting blue */
    --color-tertiary: #245f8c;
    --color-on-tertiary: #ffffff;
    --color-tertiary-container: #d5eaff;
    --color-on-tertiary-container: #123e5e;
    --color-tertiary-fixed: #d5eaff;
    --color-tertiary-fixed-dim: #a6cfee;
    --color-on-tertiary-fixed: #08263a;
    --color-on-tertiary-fixed-variant: #245675;

    /* Status */
    --color-error: #ba1a1a;
    --color-on-error: #ffffff;
    --color-error-container: #ffdad6;
    --color-on-error-container: #93000a;
}
/* Shared admin list actions */
button[id^="btn-"][id*="action-dropdown"] {
    background-color: #e8f1f7 !important;
    color: var(--color-primary) !important;
    border: 1px solid #b4d4e8 !important;
}

button[id^="btn-"][id*="action-dropdown"]:hover {
    background-color: #d7e9f5 !important;
    border-color: #8fbcd8 !important;
}

button[id^="btn-"][id*="action-dropdown"] > .material-symbols-outlined:first-child {
    color: var(--color-secondary-container) !important;
}

/* Prevent iOS Safari auto-zoom on input focus & prevent horizontal overflow */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="search"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    select,
    textarea {
        font-size: 16px !important;
    }
}

/* Feed card title spacing & typography */
.properties-feed-card h3 {
    letter-spacing: 0.02em !important;
    word-spacing: 0.06em !important;
    line-height: 1.45 !important;
}

.properties-feed-card .properties-feed-card-price {
    color: #0f2d59;
    font-weight: 700;
}

.dark .properties-feed-card .properties-feed-card-price {
    color: #60a5fa !important;
}

@media screen and (max-width: 768px) {
    .properties-feed-card h3 {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .properties-feed-card .properties-feed-card-price {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}
/* Listing & Property Detail Price Highlight (Navy Blue) */
.listing-price-highlight,
.property-price-highlight {
    color: #0f2d59 !important;
}

.dark .listing-price-highlight,
.dark .property-price-highlight {
    color: #60a5fa !important;
}

/* Image drag protection */
.properties-feed-card img,
.property-gallery-img,
.project-gallery-img,
.lightbox-img,
img.watermarked-media {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}