/* --- FOREST VALLEY (fv.dev) Branding for Ecwid ---
 * Shared across projects. Sibling source: ../../brand-assets/
 * To sync: copy this entire brand-assets/ folder to/from the sibling.
 */

/* 1. Global Typography */
body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: #2c3e50; /* fv.dev Deep Navy */
}

/* 2. Primary Buttons (Action Items) */
.btn-primary,
.form-control--primary .form-control__button {
    background-color: #27ae60 !important; /* fv.dev Accent Green */
    border-color: #27ae60 !important;
    color: #ffffff !important;
    transition: background-color 0.2s ease-in-out;
}

.btn-primary:hover,
.form-control--primary .form-control__button:hover {
    background-color: #219150 !important; /* Slightly darker green */
    border-color: #219150 !important;
}

/* 3. Headers and Titles */
h1, h2, h3, .a-card__title {
    color: #2c3e50 !important;
    font-weight: 700;
}

/* 4. Links */
a, .link-base {
    color: #27ae60;
    text-decoration: none;
}

a:hover {
    color: #2c3e50;
    text-decoration: underline;
}

/* 5. Consistent Heights — single-line inputs, selects, and medium buttons */
.field-input,
.field-select,
.btn-medium {
    height: 38px !important;
    box-sizing: border-box !important;
}

/* Exclude textareas from the fixed height */
textarea.field-input {
    height: auto !important;
}

/* 6. Card Styling */
.a-card {
    border: 1px solid #ebedef;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(44, 62, 80, 0.05); /* Very subtle navy shadow */
}

.a-card__body {
    padding: 24px 28px;
}

/* 7. Navigation/Tabs */
.settings-tabs__link.is-active {
    color: #2c3e50 !important;
    border-bottom: 2px solid #27ae60 !important;
}

/* 8. Input focus states */
.form-control__input:focus {
    border-color: #27ae60 !important;
    box-shadow: 0 0 0 2px rgba(39, 174, 96, 0.2) !important;
}
