/**

 * Usta10 design system — Artisan Trust palette

 * Teal (trust, craft) + warm amber (action) + deep blue-charcoal (structure)

 */

:root {

    /* Brand */

    --ut-primary: #0d7c7b;

    --ut-primary-hover: #0a6564;

    --ut-primary-light: #14a8a7;

    --ut-primary-muted: rgba(13, 124, 123, 0.14);

    --ut-primary-shadow: rgba(13, 124, 123, 0.32);



    --ut-accent: #d4880b;

    --ut-accent-hover: #b87409;

    --ut-accent-muted: rgba(212, 136, 11, 0.15);



    --ut-dark: #0f2d3d;

    --ut-dark-soft: #1a3d52;

    --ut-dark-muted: #2a4d63;



    /* Text & surfaces */

    --ut-text: #0f2d3d;

    --ut-text-muted: #5c7280;

    --ut-surface: #f2f6f9;

    --ut-surface-elevated: #ffffff;

    --ut-border: #cfdae3;

    --ut-border-light: #e4ecf2;



    /* Semantic */

    --ut-success: #0a8f5c;

    --ut-warning: #d4880b;

    --ut-danger: #c0392b;



    /* Provider-type section accents */

    --ut-type-individual: #0d7c7b;

    --ut-type-service: #0a8f5c;

    --ut-type-company: #b87409;



    /* Legacy aliases (existing templates) */

    --usta10-primary: var(--ut-primary);

    --usta10-primary-hover: var(--ut-primary-hover);

    --usta10-primary-light: var(--ut-primary-light);

    --usta10-primary-text: #ffffff;

    --usta10-primary-shadow: var(--ut-primary-shadow);

    --usta10-primary-muted: var(--ut-primary-muted);

    --ustatap-primary: var(--ut-primary);

    --ustatap-primary-hover: var(--ut-primary-hover);

    --ustatap-primary-light: var(--ut-primary-light);

    --ustatap-primary-text: #ffffff;

    --ustatap-primary-shadow: var(--ut-primary-shadow);

    --ustatap-primary-muted: var(--ut-primary-muted);

}



/* Bootstrap overrides */

.btn-primary {

    --bs-btn-bg: var(--ut-primary);

    --bs-btn-border-color: var(--ut-primary);

    --bs-btn-hover-bg: var(--ut-primary-hover);

    --bs-btn-hover-border-color: var(--ut-primary-hover);

    --bs-btn-active-bg: var(--ut-primary-hover);

    --bs-btn-active-border-color: var(--ut-primary-hover);

}



.btn-outline-primary {

    --bs-btn-color: var(--ut-primary);

    --bs-btn-border-color: var(--ut-primary);

    --bs-btn-hover-bg: var(--ut-primary);

    --bs-btn-hover-border-color: var(--ut-primary);

    --bs-btn-active-bg: var(--ut-primary-hover);

    --bs-btn-active-border-color: var(--ut-primary-hover);

}



.text-primary {

    color: var(--ut-primary) !important;

}



a {

    color: var(--ut-primary);

}



a:hover {

    color: var(--ut-primary-hover);

}



/* Section headings (home, results) */

.ut-section-heading {

    color: var(--ut-text);

    border-left: 4px solid var(--ut-primary);

    padding-left: 15px;

}



.ut-section-heading--individual { border-left-color: var(--ut-type-individual); }

.ut-section-heading--service { border-left-color: var(--ut-type-service); }

.ut-section-heading--company { border-left-color: var(--ut-type-company); }



/* Dark CTA (login) */

.btn-login,

.btn-ut-dark {

    background: var(--ut-dark) !important;

    color: #fff !important;

    border: none !important;

    box-shadow: 0 4px 14px rgba(15, 45, 61, 0.28) !important;

}



.btn-login:hover,

.btn-ut-dark:hover {

    background: var(--ut-dark-soft) !important;

    color: #fff !important;

}



/* Outline navy → primary teal */

.btn-outline-navy {

    color: var(--ut-primary) !important;

    border: 2px solid var(--ut-primary) !important;

    background: transparent !important;

}



.btn-outline-navy:hover {

    background: var(--ut-primary) !important;

    color: #fff !important;

}



/* Profile / forms */

.btn-red,

.btn-submit-review {

    background-color: var(--ut-primary) !important;

    border-color: var(--ut-primary) !important;

    color: #fff !important;

}



.btn-red:hover,

.btn-submit-review:hover {

    background-color: var(--ut-primary-hover) !important;

    border-color: var(--ut-primary-hover) !important;

    color: #fff !important;

}



.promo-offers-section__title {

    border-left-color: var(--ut-primary) !important;

}



.promo-city-picker__btn {

    border-color: var(--ut-primary) !important;

}



.promo-city-picker__btn:hover,

.promo-city-picker__btn:focus {

    border-color: var(--ut-primary) !important;

    background: var(--ut-primary-muted) !important;

}



.promo-carousel-nav {

    color: var(--ut-primary) !important;

}



.promo-offers-section__view-all {

    background: var(--ut-primary) !important;

    border-color: var(--ut-primary) !important;

}



.promo-offers-section__view-all:hover {

    background: var(--ut-primary-hover) !important;

    border-color: var(--ut-primary-hover) !important;

}