/*
 * Ocean — storefront theme. Teal / cyan palette.
 * Overrides the design tokens plus a couple of storefront specifics.
 */
:root {
    --brand:   #0d9488;   /* teal 600 */
    --brand-d: #0f766e;
    --brand2:  #06b6d4;   /* cyan 500 */
    --ok: #10b981; --info: #06b6d4;
    --radius: 16px;
}

/* Give the hero an ocean gradient instead of the default indigo/navy */
.hero {
    background: linear-gradient(135deg, #042f2e 0%, #0d9488 55%, #06b6d4 100%) !important;
}
.hero p, .tld-chip { color: #ccfbf1 !important; }
.btn.white { color: var(--brand); }

/* Rounder, brighter pricing cards */
.price-card { border-radius: 18px; }
.price-card.featured { box-shadow: 0 18px 50px rgba(13,148,136,.22); }
.feat .ic { border-radius: 14px; }