/* Aionity Markets brand layer.
   The base frontend is shared with Aiory and still contains violet defaults.
   Keep those defaults in the shared files and translate only this product's
   interactive UI to the Markets blue/sky palette here. Semantic chart-series
   colors and explicit Aiory references intentionally remain distinct. */

:root {
    --theme-link-hover: #38bdf8;
    --loading-start: #2563eb;
    --loading-end: #159fea;
    --markets-blue-strong: #0284c7;
    --markets-blue: #159fea;
    --markets-blue-light: #60a5fa;
    --markets-sky: #38bdf8;
    --markets-blue-soft: rgba(14, 165, 233, 0.14);
    --markets-blue-border: rgba(56, 189, 248, 0.38);
}

/* Tailwind utility remnants used by Markets templates. */
.text-purple-200,
.text-purple-300,
.text-purple-400,
.text-violet-400,
.lang-check,
.mobile-lang-check {
    color: #60a5fa !important;
}
.bg-purple-500\/10 { background-color: rgba(14, 165, 233, 0.12) !important; }
.bg-purple-500\/20,
.bg-purple-500\/25 { background-color: rgba(14, 165, 233, 0.2) !important; }
.border-purple-500\/20 { border-color: rgba(59, 130, 246, 0.24) !important; }
.border-purple-500\/40,
.border-purple-500\/50 { border-color: rgba(59, 130, 246, 0.44) !important; }
.hover\:text-purple-200:hover,
.hover\:text-purple-300:hover,
.hover\:text-violet-400:hover { color: #7dd3fc !important; }
.hover\:bg-purple-500\/10:hover { background-color: rgba(14, 165, 233, 0.12) !important; }
.hover\:bg-purple-500\/30:hover { background-color: rgba(14, 165, 233, 0.28) !important; }
.hover\:border-purple-500\/40:hover { border-color: rgba(96, 165, 250, 0.5) !important; }
.focus\:border-purple-500\/50:focus { border-color: rgba(59, 130, 246, 0.56) !important; }
.focus\:ring-purple-500:focus,
.focus\:ring-purple-500\/30:focus { --tw-ring-color: rgba(59, 130, 246, 0.46) !important; }

/* Shared navigation and notification dropdown. */
#mobile-nav-panel .mobile-nav-row--aion .mobile-nav-row__icon {
    color: #7dd3fc;
    background: rgba(37, 99, 235, 0.16);
}
.notif-item { --notif-accent: #159fea; }
.notif-item.notif-cat-aion { --notif-accent: #60a5fa; }
.notif-item.notif-cat-aion .notif-title { color: #bfdbfe; }
.notif-item-action:hover,
.notif-header-action:hover,
.notif-header-action:focus-visible {
    color: #7dd3fc !important;
    background: rgba(37, 99, 235, 0.14) !important;
}
html.theme-light .notif-item-action:hover,
html.theme-light .notif-header-action:hover,
html.theme-light .notif-header-action:focus-visible {
    color: #2563eb !important;
    background: rgba(37, 99, 235, 0.1) !important;
}
#server_unreachable_reload {
    background: linear-gradient(90deg, #0284c7, #159fea) !important;
    border-color: rgba(96, 165, 250, 0.38) !important;
}

/* Login and account entry pages. */
body.login-page .login-title,
body.login-page h1.gradient-title,
.gradient-title {
    background-image: linear-gradient(92deg, #93c5fd 0%, #60a5fa 52%, #38bdf8 100%) !important;
}
html.theme-light body.login-page .login-title,
html.theme-light body.login-page h1.gradient-title,
html.theme-light .gradient-title {
    background-image: linear-gradient(92deg, #1d4ed8 0%, #2563eb 52%, #0284c7 100%) !important;
}
html.theme-light body.login-page .login-eyebrow {
    border-color: rgba(59, 130, 246, 0.3);
    background: rgba(37, 99, 235, 0.08);
    color: #2563eb;
}

/* Markets landing page: remove indigo/violet from decorative and hover UI. */
html.theme-light.page--home body {
    background-image:
        radial-gradient(ellipse 60% 40% at 20% 10%, rgba(37, 99, 235, 0.08), transparent 70%),
        radial-gradient(ellipse 50% 40% at 85% 30%, rgba(14, 165, 233, 0.07), transparent 70%),
        radial-gradient(ellipse 50% 40% at 40% 95%, rgba(56, 189, 248, 0.05), transparent 70%) !important;
}
.home-module--teal {
    border-color: rgba(59, 130, 246, 0.2) !important;
    background: linear-gradient(135deg, rgba(8, 20, 45, 0.9), rgba(8, 31, 66, 0.86)) !important;
}
.home-module--teal:hover {
    border-color: rgba(59, 130, 246, 0.48) !important;
    box-shadow: 0 20px 50px rgba(37, 99, 235, 0.17), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.home-module--teal [class*="text-purple-"] { color: #7dd3fc !important; }
.home-module--teal [class*="bg-purple-"] { background: rgba(37, 99, 235, 0.14) !important; }
.home-module--teal [class*="border-purple-"] { border-color: rgba(59, 130, 246, 0.38) !important; }
.home-promo__pill--aion {
    border-color: rgba(59, 130, 246, 0.45) !important;
    background: rgba(37, 99, 235, 0.14) !important;
    color: #93c5fd !important;
}
html.theme-light .home-promo__pill--aion {
    color: #1d4ed8 !important;
}
html.theme-light .home-tag.bg-purple-500\/10,
html.theme-light .home-tag[class*="bg-purple-500"] {
    background: rgba(37, 99, 235, 0.1) !important;
    color: #1d4ed8 !important;
    border-color: rgba(59, 130, 246, 0.28) !important;
}
html.theme-light .home-coin:hover {
    border-color: rgba(59, 130, 246, 0.34) !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.12) !important;
}
html.theme-light .faq-item:hover {
    border-color: rgba(59, 130, 246, 0.28) !important;
    background: rgba(37, 99, 235, 0.03) !important;
}
html.theme-light .mkt-h1 .grad,
html.theme-light .hero-gradient-text {
    background: linear-gradient(105deg, #0f172a 0%, #1e40af 28%, #2563eb 62%, #0284c7 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
#final-cta .bg-purple-600\/\[0\.05\],
html.theme-light #final-cta .bg-purple-600\/\[0\.05\],
html.theme-light .bg-purple-600\/\[0\.08\] {
    background-color: rgba(14, 165, 233, 0.06) !important;
}
html.theme-light #final-cta > div[style*="linear-gradient"] {
    background: linear-gradient(135deg, rgba(255,255,255,.97), rgba(239,246,255,.94), rgba(224,242,254,.91)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 40px rgba(37,99,235,.11) !important;
}

/* Calendar and Board controls. Status colors (orange/green/red) stay semantic. */
.calendar-type-filter.cal-chip--purple.active,
.upcoming-time-filter.active,
.past-time-filter.active {
    background: rgba(14, 165, 233, 0.2) !important;
    border-color: rgba(56, 189, 248, 0.46) !important;
    color: #7dd3fc !important;
}
.upcoming-time-filter:hover,
.past-time-filter:hover,
.calendar-type-filter:hover {
    background: rgba(14, 165, 233, 0.13) !important;
    border-color: rgba(56, 189, 248, 0.36) !important;
    color: #bae6fd !important;
}
html.theme-light .calendar-type-filter.cal-chip--purple.active,
html.theme-light .upcoming-time-filter.active,
html.theme-light .past-time-filter.active {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: rgba(2, 132, 199, 0.38) !important;
    color: #0369a1 !important;
}
html.theme-light .calendar-type-filter:hover,
html.theme-light .upcoming-time-filter:hover,
html.theme-light .past-time-filter:hover {
    background: rgba(14, 165, 233, 0.07) !important;
    border-color: rgba(2, 132, 199, 0.28) !important;
    color: #0369a1 !important;
}
.board-round-loader {
    border-color: rgba(37, 99, 235, 0.16) !important;
    border-top-color: #38bdf8 !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.18) !important;
}
.board-round-loader-lg { box-shadow: 0 10px 30px rgba(37, 99, 235, 0.22) !important; }
.board-round-loader-sm { box-shadow: 0 4px 12px rgba(37, 99, 235, 0.14) !important; }
html.theme-light .card-calc-tooltip-portal .ctt-sep td {
    border-bottom-color: rgba(59, 130, 246, 0.26) !important;
}

/* Charts application chrome and trading forms. Indicator/series colors stay semantic. */
.chart-topbar-btn--indicator-picker {
    border-color: rgba(56, 189, 248, 0.3) !important;
    background: rgba(14, 165, 233, 0.14) !important;
    color: #bae6fd !important;
}
.chart-topbar-btn--indicator-picker:hover,
.chart-topbar-btn--indicator-picker.active {
    border-color: rgba(56, 189, 248, 0.46) !important;
    background: rgba(14, 165, 233, 0.23) !important;
    color: #f0f9ff !important;
}
html.theme-light .chart-topbar-btn--indicator-picker {
    border-color: rgba(37, 99, 235, 0.25) !important;
    background: radial-gradient(circle at 35% 20%, rgba(59,130,246,.12), transparent 46%), rgba(255,255,255,.86) !important;
    color: #2563eb !important;
}
html.theme-light .chart-topbar-btn--indicator-picker:hover,
html.theme-light .chart-topbar-btn--indicator-picker.active {
    border-color: rgba(37, 99, 235, 0.44) !important;
    background: radial-gradient(circle at 35% 20%, rgba(59,130,246,.17), transparent 48%), rgba(239,246,255,.96) !important;
    color: #1d4ed8 !important;
}
.trading-order-header::before {
    background: linear-gradient(180deg, #38bdf8, #0284c7) !important;
}
.trading-order-header.is-open,
.trading-seg-btn--active {
    background: linear-gradient(135deg, rgba(37,99,235,.22), rgba(14,165,233,.12)) !important;
}
.trading-balance-row--highlight {
    border-color: rgba(59, 130, 246, 0.28) !important;
    background: rgba(37, 99, 235, 0.07) !important;
}
.trading-popup-accent--limit { background: #2563eb !important; }
.trading-popup-icon--limit { background: rgba(37,99,235,.14) !important; color: #60a5fa !important; }
.trading-popup-input:focus,
.trading-popup-input-wrap:focus-within {
    border-color: rgba(59, 130, 246, 0.65) !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.13) !important;
}
.trading-popup-input-step:hover {
    background: rgba(37, 99, 235, 0.17) !important;
    color: #bfdbfe !important;
}
.trading-popup-input-step:active { background: rgba(37, 99, 235, 0.28) !important; }
.trading-popup-btn--primary {
    background: linear-gradient(135deg, #0284c7, #159fea) !important;
    box-shadow: 0 2px 8px rgba(37,99,235,.28) !important;
}
.trading-popup-btn--primary:hover {
    background: linear-gradient(135deg, #3b82f6, #0369a1) !important;
    box-shadow: 0 4px 14px rgba(37,99,235,.38) !important;
}
.trading-popup-mode-btn--active,
.trading-popup-preset-btn--active {
    background: rgba(37, 99, 235, 0.22) !important;
    color: #bfdbfe !important;
}
.trading-popup-preset-btn:hover {
    background: rgba(14, 165, 233, 0.16) !important;
    color: #bae6fd !important;
    border-color: rgba(56, 189, 248, 0.36) !important;
}
.trading-popup-preset-btn--active {
    border-color: rgba(59, 130, 246, 0.54) !important;
    box-shadow: 0 0 7px rgba(37, 99, 235, 0.24) !important;
}
.trading-popup-slider::-webkit-slider-thumb {
    background: #3b82f6 !important;
    border-color: #172554 !important;
    box-shadow: 0 0 5px rgba(37, 99, 235, 0.45) !important;
}
.trading-popup-slider::-moz-range-thumb {
    background: #3b82f6 !important;
    border-color: #172554 !important;
    box-shadow: 0 0 5px rgba(37, 99, 235, 0.45) !important;
}
.trading-popup-slider::-webkit-slider-thumb:hover {
    box-shadow: 0 0 9px rgba(37, 99, 235, 0.65) !important;
}

/* Customer portal: shared Aiory-indigo skin translated to Markets blue. */
html.portal-page body {
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(37,99,235,.08), transparent),
        radial-gradient(ellipse 60% 40% at 85% 60%, rgba(14,165,233,.05), transparent),
        radial-gradient(ellipse 40% 30% at 10% 80%, rgba(56,189,248,.035), transparent) !important;
}
html.portal-page .portal-card a:not(.portal-btn-primary):not(.portal-btn-danger):not(.portal-btn-success):not(.portal-btn-secondary):not(button) {
    color: #60a5fa !important;
}
html.portal-page .portal-card a:not(.portal-btn-primary):not(.portal-btn-danger):not(.portal-btn-success):not(.portal-btn-secondary):not(button):hover {
    color: #7dd3fc !important;
}
.portal-toast-info {
    border-color: rgba(59,130,246,.34) !important;
    background: rgba(37,99,235,.1) !important;
    color: #93c5fd !important;
}
.portal-sidebar-nav a[aria-current="page"] {
    color: #dbeafe !important;
    background: rgba(37,99,235,.11) !important;
    border-color: rgba(59,130,246,.22) !important;
}
.portal-sidebar-nav a[aria-current="page"]::before {
    background: linear-gradient(180deg, #38bdf8, #0284c7) !important;
}
.portal-card:hover {
    border-color: rgba(59,130,246,.18) !important;
    box-shadow: 0 0 40px rgba(37,99,235,.05) !important;
}
.portal-data-field:hover {
    border-color: rgba(59,130,246,.13) !important;
}
.portal-btn-primary {
    background: linear-gradient(135deg, #0284c7, #159fea) !important;
    box-shadow: 0 4px 14px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.portal-btn-primary:hover {
    background: linear-gradient(135deg, #3b82f6, #0369a1) !important;
    box-shadow: 0 6px 20px rgba(37,99,235,.38), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.portal-btn-primary:active { box-shadow: 0 2px 8px rgba(37,99,235,.24) !important; }
.portal-btn-secondary:hover {
    border-color: rgba(56,189,248,.4) !important;
    background: rgba(14,165,233,.12) !important;
}
.portal-loading-bar::before {
    background: linear-gradient(90deg, #0284c7, #38bdf8, #0284c7) !important;
    box-shadow: 0 0 12px rgba(37,99,235,.58) !important;
}
.portal-select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.14) !important;
}
.portal-table tbody tr:hover { background: rgba(37,99,235,.055) !important; }

html.portal-page.theme-light body {
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(37,99,235,.05), transparent),
        radial-gradient(ellipse 60% 40% at 85% 60%, rgba(14,165,233,.035), transparent) !important;
}
html.portal-page.theme-light .portal-card a:not(.portal-btn-primary):not(.portal-btn-danger):not(.portal-btn-success):not(.portal-btn-secondary):not(button) {
    color: #2563eb !important;
}
html.portal-page.theme-light .portal-card a:not(.portal-btn-primary):not(.portal-btn-danger):not(.portal-btn-success):not(.portal-btn-secondary):not(button):hover {
    color: #1d4ed8 !important;
}
html.portal-page.theme-light .portal-sidebar-nav a[aria-current="page"] {
    color: #1d4ed8 !important;
    background: rgba(37,99,235,.09) !important;
    border-color: rgba(37,99,235,.23) !important;
}
html.portal-page.theme-light .portal-card:hover { border-color: rgba(59,130,246,.2) !important; }
html.portal-page.theme-light .portal-data-field:hover { border-color: rgba(59,130,246,.14) !important; }
html.portal-page.theme-light .portal-btn-secondary:hover,
html.portal-page.theme-light button[data-copy-value]:hover {
    border-color: rgba(37,99,235,.32) !important;
    background: rgba(37,99,235,.07) !important;
    color: #2563eb !important;
}
html.portal-page.theme-light .portal-select:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.11) !important;
}
html.portal-page.theme-light .portal-table tbody tr:hover { background: rgba(37,99,235,.04) !important; }
html.portal-page.theme-light .text-indigo-200,
html.portal-page.theme-light .text-indigo-300,
html.portal-page.theme-light .text-indigo-400,
html.portal-page.theme-light .text-indigo-100 { color: #2563eb !important; }
html.portal-page.theme-light .border-indigo-500\/60 { border-color: rgba(37,99,235,.34) !important; }
html.portal-page.theme-light .bg-indigo-500\/10 { background-color: rgba(37,99,235,.09) !important; }
html.portal-page.theme-light .hover\:bg-purple-500\/15:hover { background-color: rgba(37,99,235,.07) !important; }
html.portal-page.theme-light .border-purple-500\/50 { border-color: rgba(37,99,235,.42) !important; }
html.portal-page.theme-light .bg-purple-500\/10 { background-color: rgba(37,99,235,.09) !important; }