/* Xia-Dan Theme (Ocean Travel) */
:root{
  --xd-ocean-900:#052f3b;
  --xd-ocean-700:#075b73;
  --xd-ocean-500:#0ea5e9;
  --xd-reef-500:#14b8a6;
  --xd-sand-50:#fbf7ef;

  --xd-bg:#f1f5f9;
  --xd-surface:#ffffff;
  --xd-text:#0f172a;
  --xd-muted:#64748b;
  --xd-border:#e2e8f0;

  --xd-r-sm:12px;
  --xd-r-md:18px;
  --xd-r-lg:26px;

  --xd-shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --xd-shadow-md:0 10px 30px rgba(15,23,42,.10);
  --xd-shadow-lg:0 30px 80px rgba(15,23,42,.16);
}

html,body{background:var(--xd-bg);color:var(--xd-text);}
.xd-ocean-bg{
  background:
    radial-gradient(1200px 500px at 20% -10%, rgba(14,165,233,.18), transparent 60%),
    radial-gradient(900px 400px at 90% 0%, rgba(20,184,166,.14), transparent 55%),
    var(--xd-bg);
}

.xd-card{
  background:var(--xd-surface);
  border:1px solid var(--xd-border);
  border-radius:var(--xd-r-lg);
  box-shadow:var(--xd-shadow-sm);
}
.xd-panel{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(10px);
  border:1px solid rgba(226,232,240,.8);
  border-radius:var(--xd-r-lg);
  box-shadow:var(--xd-shadow-sm);
}

.xd-kicker{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--xd-muted);
}

.xd-btn{
  border-radius:18px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:transform .08s ease,opacity .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.xd-btn:active{transform:scale(.98);}
.xd-btn-primary{
  background:linear-gradient(135deg,var(--xd-ocean-700),var(--xd-ocean-500));
  color:#fff;
  box-shadow:0 14px 30px rgba(14,165,233,.22);
}
.xd-btn-primary:hover{opacity:.95;}
.xd-btn-ghost{
  background:rgba(148,163,184,.18);
  color:var(--xd-text);
}
.xd-btn-dark{background:var(--xd-ocean-900);color:#fff;}

.xd-input{
  border-radius:18px;
  border:1px solid rgba(226,232,240,1);
  background:rgba(241,245,249,.72);
  outline:none;
  transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease;
}
.xd-input:focus{
  border-color:rgba(14,165,233,.55);
  box-shadow:0 0 0 4px rgba(14,165,233,.18);
  background:rgba(255,255,255,1);
}

.xd-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:2px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:10px;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.xd-badge-ocean{background:rgba(14,165,233,.14);color:var(--xd-ocean-700);}
.xd-badge-reef{background:rgba(20,184,166,.14);color:#0f766e;}
.xd-badge-dark{background:rgba(15,23,42,.18);color:#0f172a;}

.xd-toast{
  background:rgba(5,47,59,.92);
  color:#fff;
  border-radius:999px;
  box-shadow:var(--xd-shadow-lg);
}

.scrollbar-hide::-webkit-scrollbar{display:none;}
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;}

/* Helpers */
.xd-link{color:var(--xd-ocean-700);font-weight:800;}
.xd-link:hover{opacity:.9;text-decoration:underline;}
.xd-section-title{color:var(--xd-text);font-weight:900;letter-spacing:-.01em;}