/*
  Hyperliquid-inspired overrides (blue accent) for Velzon vertical layout.
  Scope: data-theme="default" + data-layout="vertical" (does not touch landing pages).
*/

html[data-theme="default"][data-layout="vertical"],
html[data-theme="default"][data-layout="vertical"][data-bs-theme] {
    /* Palette */
    --clipfi-primary: #2fa8ff;
    --clipfi-primary-rgb: 47, 168, 255;
    --clipfi-secondary: #8ba3c0;
    --clipfi-secondary-rgb: 139, 163, 192;
    --clipfi-success: #2ed8a3;
    --clipfi-warning: #f5c15c;
    --clipfi-danger: #ff6b7a;

    --clipfi-body-bg: #0a111a;
    --clipfi-body-bg-rgb: 10, 17, 26;
    --clipfi-surface: #0d1621;
    --clipfi-surface-soft: #101c2a;
    --clipfi-border: rgba(139, 163, 192, 0.18);
    --clipfi-body-color: #d8e4f5;
    --clipfi-navbar-bg: #0b1420;
    --clipfi-menu-bg: #0c1521;
    --clipfi-radius: 8px;

    /* Map to Velzon */
    --vz-primary: var(--clipfi-primary);
    --vz-primary-rgb: var(--clipfi-primary-rgb);
    --vz-primary-text-emphasis: #74c7ff;
    --vz-primary-bg-subtle: rgba(var(--clipfi-primary-rgb), 0.14);
    --vz-primary-border-subtle: rgba(var(--clipfi-primary-rgb), 0.28);

    --vz-secondary: var(--clipfi-secondary);
    --vz-secondary-rgb: var(--clipfi-secondary-rgb);
    --vz-secondary-bg: #162539;
    --vz-secondary-bg-subtle: rgba(var(--clipfi-secondary-rgb), 0.14);
    --vz-secondary-border-subtle: rgba(var(--clipfi-secondary-rgb), 0.26);
    --vz-secondary-text-emphasis: #c4d1e3;
    --vz-secondary-color: #9bb3d2;

    --vz-success: var(--clipfi-success);
    --vz-warning: var(--clipfi-warning);
    --vz-danger: var(--clipfi-danger);

    --vz-body-bg: var(--clipfi-body-bg);
    --vz-body-bg-rgb: var(--clipfi-body-bg-rgb);
    --vz-body-color: var(--clipfi-body-color);
    --vz-border-color: var(--clipfi-border);
    --vz-emphasis-color: #ffffff;

    --vz-link-color: var(--clipfi-primary);
    --vz-link-hover-color: #74c7ff;

    --vz-card-bg: var(--clipfi-surface);
    --vz-card-cap-bg: linear-gradient(135deg, rgba(var(--clipfi-primary-rgb), 0.06), rgba(13, 22, 33, 0.95));
    --vz-card-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
    --vz-card-border-width-custom: 1px;

    --vz-dropdown-bg: var(--clipfi-surface);
    --vz-dropdown-link-color: #cdd9eb;
    --vz-dropdown-link-hover-bg: rgba(var(--clipfi-primary-rgb), 0.08);
    --vz-dropdown-link-active-bg: rgba(var(--clipfi-primary-rgb), 0.12);

    --vz-header-bg: var(--clipfi-navbar-bg);
    --vz-header-border: var(--clipfi-border);
    --vz-header-item-color: #cdd9eb;

    --vz-vertical-menu-bg: var(--clipfi-menu-bg);
    --vz-vertical-menu-border: var(--clipfi-border);
    --vz-vertical-menu-item-color: #9bb3d2;
    --vz-vertical-menu-item-hover-color: #e6eef9;
    --vz-vertical-menu-item-active-color: #ffffff;
    --vz-vertical-menu-item-active-bg: rgba(var(--clipfi-primary-rgb), 0.12);
    --vz-vertical-menu-title-color: #6f829c;

    --bs-border-radius: var(--clipfi-radius);
    --bs-border-radius-lg: var(--clipfi-radius);
    --bs-btn-border-radius: var(--clipfi-radius);
}