/* Veylox Ivory · Navy · Cobalt. */
:root {
  color-scheme: light;
  --bg: #f7f6f2;
  --secondary: #eff2f7;
  --panel: #ffffff;
  --line: #e0e5ed;
  --text: #14233d;
  --muted: #64748b;
  --cyan: #3159df;
  --violet: #7064bf;
  --success: #138665;
  --error: #c84459;
  --chart-grid: #e5e9ef;
  --chart-line: #3159df;
  --chart-fill: #3159df22;
}
body {
  background: var(--bg);
  color: var(--text);
}
.public-header {
  border-color: #dfe4eb;
}
.public-header nav {
  color: #617087;
}
.brand {
  color: #112442;
}
.badge {
  color: #3154b3;
  background: #eaf0ff;
  border-color: #d0dbfa;
}
.button {
  background: #fff;
  border-color: #d7deea;
  color: #233c60;
  box-shadow: 0 2px 5px #10234204;
}
.button:hover {
  background: #edf2ff;
  border-color: #b6c5e8;
}
.button.primary {
  background: #3159df;
  color: white;
  border-color: #3159df;
  box-shadow: 0 6px 18px #3159df20;
}
.button.primary:hover {
  background: #254bc8;
}
.button.danger {
  background: #fff5f6;
  color: #b73348;
  border-color: #ebcbd1;
}
.status-dot {
  background: #3159df;
  box-shadow: 0 0 10px #3159df22;
}
.hero h1 {
  color: #122440;
}
.hero h1 span {
  background: linear-gradient(115deg, #254ccf, #5885ef);
  background-clip: text;
  color: transparent;
}
.hero-copy > p {
  color: #65748a;
}
.hero-note {
  color: #6c7b8d;
}
.hero-panel {
  background:
    radial-gradient(ellipse at 50% 15%, #365bb34d, transparent 65%),
    linear-gradient(145deg, #172c50, #0d1c35);
  border-color: #203963;
  color: #f8fafc;
  box-shadow: 0 22px 70px #20375b20;
}
.hero-panel h2 {
  color: #f8fafc;
}
.hero-panel p {
  color: #b0bfd3;
}
.hero-panel .pill {
  color: #bdd2f5;
  background: #456ed222;
  border-color: #5f85d23a;
}
.panel-top {
  border-color: #ffffff12;
}
.panel-footer {
  border-color: #ffffff12;
  color: #94a8c5;
}
.network-row > span {
  color: #c2cede;
}
.feature-strip h3 {
  color: #142a48;
}
.feature-strip article > span {
  color: #5071ab;
}
.feature-strip p {
  color: #718096;
}
.card {
  border-color: #dfe5ee;
  box-shadow: 0 4px 22px #233a5a03;
}
.network-cards article > span {
  color: #7a879a;
}
.eth {
  color: #4a67b8;
  background: #e9eefe;
}
.bnb {
  color: #a67a19;
  background: #fff2cd;
}
.pol {
  color: #805bc0;
  background: #f0e9fc;
}
.btc {
  color: #b77922;
  background: #fff0d9;
}
.sol {
  color: #6c55b0;
  background: #eeebfa;
}
.hero-panel .eth {
  background: #5271b52e;
  color: #b9cbfa;
}
.hero-panel .bnb {
  background: #c5a65322;
  color: #f1cf88;
}
.hero-panel .pol {
  background: #a68bd222;
  color: #d0bdf6;
}
.pill {
  background: #edf4ff;
  border-color: #dce6fa;
  color: #3965aa;
}
.text-button:hover,
a:hover {
  color: #3159df;
}
.sidebar {
  background: #12233e;
  border-color: #142847;
  color: #dce7f5;
}
.sidebar .brand {
  color: white;
}
.sidebar-label {
  color: #7f95b6;
}
.sidebar .nav-link {
  color: #9cafca;
}
.sidebar .nav-link:hover {
  background: #1b3356;
  color: white;
}
.sidebar .nav-link.active {
  background: #294a83;
  color: #f0f5ff;
  box-shadow: inset 3px 0 #7197ff;
}
.sidebar-bottom p {
  color: #8ea4c5;
}
.sidebar-bottom .badge {
  background: #223c61;
  color: #bbd0f8;
  border-color: #3d5881;
}
.sidebar-bottom .button {
  background: #1b3557;
  border-color: #314c70;
  color: #dbe8fb;
}
.sidebar-bottom .button:hover {
  background: #27476f;
}
.app-header {
  border-color: #e1e6ee;
}
.avatar {
  background: #e1e9fd;
  color: #3159df;
  border-color: #c6d3f2;
}
.testnet-banner {
  background: #eef2fc;
  border-color: #dbe3f6;
  color: #3153aa;
}
.testnet-banner > span:last-child {
  color: #6f7d98;
}
.balance-card {
  background:
    radial-gradient(ellipse at 95% 0, #426de55c, transparent 75%),
    linear-gradient(115deg, #142b50, #1d3f78);
  border-color: #23497e;
  box-shadow: 0 10px 28px #23416b12;
  color: white;
}
.balance-card h1 {
  color: white;
}
.balance-card .label,
.balance-card p,
.balance-card .empty-balance-note {
  color: #aabddd;
}
.balance-card .pill {
  background: #5572af33;
  border-color: #7692bf40;
  color: #cadbfa;
}
.balance-card .button {
  background: #ffffff12;
  border-color: #ffffff29;
  color: white;
}
.balance-card .button.primary {
  background: #f3f6ff;
  color: #244aaf;
  border-color: #e2e9fc;
}
.balance-card .text-button {
  color: #b9ccee;
}
.balance-card .button:hover {
  background: #ffffff25;
}
.balance-card .button.primary:hover {
  background: #fff;
}
.label {
  color: #718198;
}
.stat-card h3 {
  color: #1b3456;
}
.assets-table th {
  background: #f2f5f9;
  color: #7a899d;
}
.assets-table td {
  border-color: #e7ebf1;
}
.asset-name small {
  color: #8290a4;
}
.empty-state .empty-icon {
  color: #96a9ca;
}
.empty-state p {
  color: #7c8a9b;
}
.form-stack label {
  color: #53647b;
}
.form-stack input,
.form-stack textarea,
.form-stack select,
input,
select,
textarea {
  background: #fbfcff;
  color: #213653;
  border-color: #d9e1ed;
}
input::placeholder,
textarea::placeholder {
  color: #99a6b7;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #6b8de4;
}
.notice {
  background: #fff8e8;
  border-color: #eadfbe;
  color: #837047;
}
.notice.info {
  background: #eef4ff;
  border-color: #d7e3fb;
  color: #4c689b;
}
.notice.error {
  background: #fff1f3;
  border-color: #edccd3;
  color: #b54b5c;
}
.notice.success {
  background: #eaf7f0;
  border-color: #c5e7d4;
  color: #277a54;
}
.subtle {
  color: #7c8a9f;
}
.address {
  background: #f3f6fb;
  border-color: #dce5f2;
  color: #456184;
}
.tab {
  background: #f7f9fd;
  border-color: #e2e7ef;
  color: #6c7e98;
}
.tab.active {
  background: #e9efff;
  border-color: #c5d3fa;
  color: #3159df;
}
.chart-empty {
  color: #8a9ab0;
}
.recovery-words li {
  background: #f2f6fd;
  border-color: #d9e3f2;
  color: #244060;
}
.recovery-words li:before {
  color: #8095b4;
}
.strong-cyan {
  color: #3159df;
}
.settings-grid h3 {
  color: #213c61;
}
dialog {
  background: #fff;
  border-color: #d3ddec;
  color: #203651;
  box-shadow: 0 25px 120px #0e254549;
}
dialog::backdrop {
  background: #0b1c3880;
}
dialog > .close,
dialog > form > .close {
  color: #8393a7;
}
#toast {
  background: #132b4b;
  border-color: #325784;
  color: #edf3ff;
}
.skeleton {
  background: linear-gradient(90deg, #e9edf4, #f6f8fc, #e9edf4);
  background-size: 200% 100%;
}
.bottom-nav {
  background: #fffefbf5;
  border-color: #dfe5ee;
}
.bottom-nav .nav-link {
  color: #8997ab;
}
.bottom-nav .nav-link.active {
  color: #3159df;
}
.app-footer {
  color: #8795a7;
}
.chart-price {
  color: #142c4d;
}
.chart-tooltip {
  color: #f0f5ff;
  background: #152d50ed;
  border-color: #36537d;
}
.star-button.selected {
  color: #3159df;
}
.footer-top > span,
.footer-bottom {
  color: #8090a4;
}
.info-stack article > span {
  color: #3159df;
}
.skip {
  background: #fff;
  border: 1px solid #cad7ed;
}
@media (max-width: 760px) {
  .workspace {
    padding-bottom: 86px;
  }
  .bottom-nav .nav-link.active {
    color: #3159df;
  }
  .hero-panel {
    box-shadow: 0 15px 40px #20375b17;
  }
}