/* Sevstar brand palette. Component states and sizes are defined separately. */
:root {
    --brand-navy: #0b1f4c;
    --brand-blue: #2e4997;
    --brand-cyan: #51c0db;
    --brand-ice: #a1ebff;
    --brand-teal: #1bbdce;
    --brand-sky: #6ce0ff;
    --brand-lilac: #c0cdfc;
    --brand-periwinkle: #6699ff;
    --brand-mint: #7feac3;
    --brand-green: #33cc99;
    --brand-lime: #86d354;
    --brand-blush: #f9b9b9;
    --brand-coral: #ed624f;
    --brand-terracotta: #d36e53;
    --brand-accent-mint: #66ffcc;
    --brand-accent-pink: #fc5480;
    --ui-home: var(--brand-periwinkle);
    --ui-home-hover: #5b8ef1;
    --ui-home-pressed: #4e7edc;
    --ui-business: var(--brand-blue);
    --ui-business-hover: #16307d;
    --ui-business-pressed: #10245f;
    --ui-on-brand: #fff;
    --ui-surface: #fff;
    --ui-choice-hover: #eef3ff;
    --ui-ink: var(--brand-navy);
    --ui-muted: #ccd3e0;
    --ui-disabled-ink: #46536b;
    --ui-focus: var(--brand-blue);
    --ui-promo-start: var(--brand-accent-pink);
    --ui-promo-end: var(--brand-blush);
    --ui-radius: 10px;
    --ui-tone: var(--ui-home);
    --ui-tone-hover: var(--ui-home-hover);
    --ui-tone-pressed: var(--ui-home-pressed);
}
.business, .ui-business {
    --ui-tone: var(--ui-business);
    --ui-tone-hover: var(--ui-business-hover);
    --ui-tone-pressed: var(--ui-business-pressed);
}
.ui-home {
    --ui-tone: var(--ui-home);
    --ui-tone-hover: var(--ui-home-hover);
    --ui-tone-pressed: var(--ui-home-pressed);
}