/* Reserve: a calm, trust-first visual system. This file is shared by every live page. */
:root{
  --paper:#f7f9fc;
  --ink:#132943;
  --muted:#63778a;
  --soft:#ecf4ff;
  --line:#d5e1eb;
  --lime:#195ad5;
  --lime-2:#164db7;
  --green:#17864f;
  --blue:#195ad5;
  --radius:14px;
}
body{background:var(--paper)}
.topbar{border-bottom-color:var(--line);background:rgba(255,255,255,.93)}
.topbar nav a{color:#58718b}.topbar nav a:hover,.topbar nav a[aria-current="page"]{background:#e9f2fd;color:var(--ink)}
.brand-type{color:var(--ink)}.brand-type>span{color:#6d8194}
.network-control{background:#f7faff}.network-control strong{color:var(--ink)}
.button.primary{background:var(--lime);border-color:var(--lime);color:#fff;box-shadow:inset 0 -2px #073f9b55}
.button.primary:hover:not(:disabled){background:var(--lime-2);border-color:var(--lime-2)}
.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#23466e}
.button.light{border-color:var(--line);background:#fff;color:var(--ink)}
.button:focus-visible,.text-link:focus-visible,.topbar a:focus-visible{outline:3px solid #4b88e6;outline-offset:3px}

/* Home / narrative */
.hero{min-height:600px;gap:48px}
.hero::before{background:radial-gradient(circle,#b7d8ff85 0,#ddecff4d 38%,transparent 70%)}
.eyebrow,.section-kicker{color:#486c92}
.hero h1{color:var(--ink)}.hero h1 span{color:#667d94}
.hero-lede{color:#5d748c}.text-link{border-color:#9db0c1;color:var(--ink)}
.proof-row{color:#60758a}.proof-row i{border-color:#bdd6c8;color:#17864f}
.hero-visual{border-color:#cbdff3;background:linear-gradient(140deg,#e8f3ff,#bfd8f8);box-shadow:0 26px 62px #2247751e}
.hero-visual::before{background-image:linear-gradient(#2b6dd00e 1px,transparent 1px),linear-gradient(90deg,#2b6dd00e 1px,transparent 1px)}
.hero-visual::after{background:#4385ed;opacity:.15}
.orbit{border-color:#548bec70}.orbit::after{background:#195ad5;box-shadow:0 0 18px #195ad579}
.swap-core{border-color:#195ad5;background:radial-gradient(circle at 35% 30%,#fff,#f5faff 70%);box-shadow:0 0 0 12px #fff6,0 18px 50px #28518d28}
.swap-core strong{color:#123b74}.core-kicker{color:#587eaa}.core-arrow{color:#195ad5}
.visual-label{border-color:#d1e2f3;background:#fff;color:#1b4f97;box-shadow:0 8px 25px #2f64a61c}.visual-label span{color:#547ba9}
.chain-pill{color:#54749b}.chain-pill span{background:#195ad5}
.principles{border-color:var(--line)}.principles article{border-color:var(--line)}.principle-index{color:#7894b0}
.home-cta{background:#e9f3ff;color:var(--ink);border:1px solid #d3e4f5}
.home-cta .section-kicker{color:#527ca9}.home-cta p:not(.section-kicker){color:#607891}
.protocol-strip .section-kicker{color:#55799b}.protocol-points{border-color:var(--line)}.protocol-points>div{border-color:var(--line)}.protocol-points span{color:#7892aa}.protocol-points small{color:#677e92}
.standalone-footer{border-color:var(--line);background:#eef4fa}.standalone-footer p,.standalone-footer>div{color:#6b8196}
.standalone-footer .footer-social:hover{color:#195ad5}.standalone-footer .footer-social:focus-visible{outline-color:#195ad5}

/* Market, pool cards and pool detail share one set of surfaces and text tokens. */
.market{background:#eef4fa;color:var(--ink)}
.section-head .section-kicker{color:#54799f}.section-head>div>p:last-child{color:#657e96}
.summary{border-color:#d5e2ee;background:#fff;box-shadow:0 8px 24px #2850800b}
.summary>div{border-color:#e1eaf2}.summary span,.summary small{color:#6b849c}.summary strong{color:var(--ink)}
.search,.filters,.icon-refresh{border-color:#d5e2ee;background:#fff;color:#6c849a}
.search:focus-within{border-color:#195ad5;box-shadow:0 0 0 3px #195ad51c}
.search input{color:var(--ink)}.search input::placeholder{color:#8298ac}
.filters button{color:#667f96}.filters button.selected{background:#e7f0ff;color:#164fb2}
.icon-refresh:hover{border-color:#a7c5e4;background:#f2f7fd}
.loading-card,.empty-list{border-color:#ccddec;background:#f8fbff;color:#748aa0}.loader{border-color:#bdd3e9;border-top-color:#195ad5}
.pool-card,.detail{border-color:#d5e2ee;background:#fff;box-shadow:0 8px 24px #2850800b}
.pool-card:hover{border-color:#9dc2ea;background:#fbfdff}.pool-card.selected{border-color:#195ad5;box-shadow:0 0 0 1px #195ad5}
.pool-title span,.pool-metrics span,.pool-metrics small,.pool-foot{color:#718aa2}.pool-title strong,.pool-metrics strong{color:var(--ink)}
.pool-metrics,.pool-metrics>div{border-color:#e2ebf3}.pool-foot span:last-child{color:#195ad5}
.token-icon{border-color:#fff;background:linear-gradient(145deg,#6da8ef,#195ad5);box-shadow:0 2px 8px #153e701c}.token-icon.small{background:#195ad5}
.status.live{background:#e9f7ed;color:#17864f}.status.closed{background:#edf1f5;color:#667c90}.status.upcoming{background:#eaf0ff;color:#315fc2}
.detail-top,.detail-pair p,.empty-detail,.facts span,.value-box span,.value-box small,.action-note,.contract-meta{color:#718aa2}
.detail-pair h2,.empty-detail strong,.facts strong{color:var(--ink)}
.empty-symbol{border-color:#b7d3f0;color:#195ad5}
.value-box,.amount-control,.estimate,.participant-row{border-color:#d9e5f0;background:#f7faff}
.value-box strong,.amount-control input,.estimate strong{color:var(--ink)}
.amount-label,.estimate div{color:#6b829a}.amount-control:focus-within{border-color:#195ad5;box-shadow:0 0 0 3px #195ad51a}
.contract-meta,.participants,.participant-stats,.pool-detail-page .participant-row,.pool-detail-page .participant-row:first-child{border-color:#e0eaf2}
.contract-meta a,.detail-back,.participant-view-all{color:#195ad5}.contract-meta a:focus-visible{outline-color:#195ad5}
.creator-actions .button,.participant-pagination button{border-color:#d5e2ee;background:#f7faff;color:var(--ink)}
.creator-actions .button:hover,.participant-pagination button:hover:not(:disabled){border-color:#9dc2ea;background:#edf5ff}
.participants-head span,.participant-stats span,.participants-empty,.participant-pagination span{color:#728aa0}
.participant-row{background:#f7faff}.participant-avatar{background:#deebff;color:#195ad5}
.participant-state{background:#e8f0f8;color:#617e98}.participant-state.active{background:#e9f0ff;color:#315fc2}.participant-state.claimable{background:#e7f0ff;color:#195ad5}.participant-state.paid{background:#e9f7ed;color:#17864f}
.participant-stats strong,.participant-identity strong{color:var(--ink)}.participants-empty{border-color:#cbdcec}
.participant-view-all{border-color:#cfdeed}.participant-view-all:hover{background:#f3f8ff}

/* Creation and wallet dialogs */
dialog#create-dialog,.wallet-dialog{border-color:#d4e1ec;background:#fff;color:var(--ink)}
dialog#create-dialog::backdrop,.wallet-dialog::backdrop{background:#0b21368c}
.dialog-head .eyebrow{color:#587da3}.dialog-head p:last-child,.wallet-dialog .dialog-head p:last-child{color:#6c8299}
.icon-button{border-color:#d4e1ec;background:#f4f8fd;color:var(--ink)}.icon-button:hover{background:#e9f2fc}
.form-network{border-color:#d5e4f2;background:#eff6ff}.form-network small,.form-network>span:last-child{color:#68829d}
.form-grid>label,.token-field{color:#60778d}.field-title>span{background:#195ad5;color:#fff}.field-title label{color:var(--ink)}.token-field>p{color:#72889d}
.form-grid input,.form-grid select{border-color:#ccdbe9;background:#fff;color:var(--ink)}
.form-grid input:focus,.form-grid select:focus{border-color:#195ad5;box-shadow:0 0 0 3px #195ad51a}
.form-grid label small,.token-preview-copy span{color:#7890a5}
.token-preview{border-color:#d5e2ee;background:#fff}.token-preview-icon{background:linear-gradient(145deg,#6da8ef,#195ad5)}.token-preview-icon.payment{background:#195ad5}.label-unit{color:#195ad5}
.swap-token-button{border-color:#195ad5;background:#fff;color:#195ad5}.swap-token-button:hover{border-color:#164db7;background:#edf5ff}.swap-token-button:focus-visible{outline-color:#195ad5}
.fee-row{background:#edf4fb;color:#667f96}.risk-note{border-color:#9cbce4;color:#6d8298}.form-status{color:#667f96}
.settlement-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:14px 16px;border:1px solid #ccdbe9;border-radius:11px;background:#f7faff;cursor:pointer}.settlement-choice>span{display:grid;gap:5px}.settlement-choice strong{font-size:12px;color:var(--ink)}.settlement-choice small{max-width:650px;color:#60778d;font-size:10px;line-height:1.5}.settlement-choice input{appearance:none;position:relative;width:43px;height:25px;flex:none;margin:0;border:1px solid #afc2d5;border-radius:99px;background:#cfdbe7;cursor:pointer;transition:background .16s}.settlement-choice input::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .16s}.settlement-choice input:checked{border-color:#195ad5;background:#195ad5}.settlement-choice input:checked::after{transform:translateX(18px)}.settlement-choice input:focus-visible{outline:3px solid #7faeff;outline-offset:3px}
.wallet-option{border-color:#d5e2ee;background:#fff;color:var(--ink)}.wallet-option:hover,.wallet-option.selected{border-color:#195ad5;background:#f2f7ff}
.wallet-option-mark{background:#132943;color:#fff}.wallet-option-copy small,.wallet-help{color:#718aa2}.wallet-option-arrow{color:#195ad5}
.toast{border-color:#315579;background:#132943;color:#fff}
.wallet-network-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,1224px);min-width:0;padding:16px 20px;margin:16px auto;border:1px solid #c3d8f2;border-radius:14px;background:#edf5ff;color:#17304e;font-size:14px}.wallet-network-notice[hidden]{display:none}.wallet-network-notice>span{min-width:0;overflow-wrap:anywhere}.wallet-network-notice .button{flex-shrink:0;max-width:100%;white-space:normal}@media(max-width:680px){.wallet-network-notice{align-items:stretch;flex-direction:column}}
.participation-limits{border-color:#c8dcf4;border-left-color:#195ad5;background:#f2f7ff}.participation-limits>strong,.participation-limits-grid strong{color:var(--ink)}.participation-limits>span,.participation-limits-grid span{color:#607d9a}.participation-limits-grid>div{border-color:#d6e5f5;background:#fff}
.settlement-help{margin:6px 2px 0;color:#60778d;font-size:11px;line-height:1.5}.settlement-help summary{width:fit-content;cursor:pointer}.settlement-help summary:focus-visible{outline:2px solid #195ad5;outline-offset:3px;border-radius:3px}.settlement-help p{margin:7px 0;max-width:650px;overflow-wrap:anywhere}