/* =====================================
   DESIGN TOKENS – COLORS
   usage: background var (--primary-blue);
===================================== */

:root {
    /* Brand */
    --primary-blue: #2c5aa0;
    --primary-orange: #f97316;
    --text-paragraph: #363636;

    /* Brand color hover */

    --primary-orange-hover: #6F3106;
    --primary-blue-hover: #152235;
    --cross-color-hover: #313131;

    /* Neutrals */
    --accent-steel: #6b7280;
    --background-section: #f8fafc;
    --background-menu: #D3D3D3;
    --price-color: #3A6438;
    --close-cross: #535353;
    --heading-color: #5C5C5C;

    /*Header Gradient*/
    --header-gradient1: #C0C0C0;
    --header-gradient2: #EAEAEA;

    /* UI */
    --color-danger: #dc2626;

}

/* Tillåt fullbredd på kontosidan (Blocksy fix) */
.head-banner--account {
    background-color: #eff4f8;
    /* test */
    padding-bottom: 70px;
    padding-top: 150px;
    text-align: center;
}

.head-banner {
    background-color: #eff4f8;
    padding-bottom: 70px;
    padding-top: 150px;
    text-align: center;
}

.my-account-dynamic-title {
    margin: 0;
    letter-spacing: 0.1em;
    font-family: 'Special Gothic Condensed One';
    color: black;
}