/* Same palette as the v2 site (src/assets/css/site.css on the v2-preview
   branch) — keep these tokens in sync if the brand palette ever changes. */
:root{
  --night: #0B0E1A;
  --panel: #131A2E;
  --panel-2: #1B2440;
  --ember: #E8482C;
  --ember-dim: #a83a26;
  --jade: #2FA37C;
  --gold: #E8B93F;
  --ink: #F2EDE4;
  --ink-dim: #C7C9D6;
  --line: rgba(242,237,228,0.14);
}

*{ box-sizing:border-box; margin:0; padding:0; }
html, body{ height:100%; }

body{
  background:var(--night);
  color:var(--ink);
  font-family:'Inter', sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  overflow:hidden;
  position:relative;
}

#sun-glow{
  position:fixed;
  left:50%;
  top:-10%;
  width:520px;
  height:520px;
  margin-left:-260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,238,196,0.35) 0%, rgba(247,181,90,0.18) 45%, rgba(247,181,90,0) 72%);
  pointer-events:none;
  filter:blur(2px);
}

.coming-soon{
  position:relative;
  z-index:1;
  text-align:center;
  padding:32px;
}

.cs-logo{
  width:150px;
  height:auto;
  display:block;
  margin:0 auto 28px;
  filter:drop-shadow(0 12px 30px rgba(232,72,44,0.3));
}

.coming-soon h1{
  font-family:'Unbounded', sans-serif;
  font-weight:800;
  font-size:clamp(32px, 6vw, 56px);
  letter-spacing:-0.01em;
}

.coming-soon h1 .accent{ color:var(--ember); }

:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }