/* covenantcreation.org — shared sky styles. Each scene sets its palette via CSS vars. */
:root {
  --skybg1:#101c3d; --skybg2:#0a132b; --skybg3:#060b1a; --skyglow:transparent;
  --skykey:#ffd98a; --skykeytext:#c8d4ea; --skykeylive:#ffe6b0;
  --skyverse:#cfe0ff; --skyversetext:#7f92b8;
  --skyfig:#e3b45c; --skyclu:#8fa0c0; --skydlabel:#5d6f96; --skycname:#b39655;
  --skyamb1:#8fa0c0; --skyamb2:#e3b45c;
  --tipbg:#0d1730; --tipborder:#26365e; --tipaccent:#e3b45c;
  --tipq:#e6ecf8; --tipnote:#aebad2; --tipref:#8fa0c0; --tipgo:#ffd98a;
}
.skywrap { position:relative; max-width:1240px; margin:8px auto 0; }
.skywrap svg { display:block; width:100%; height:auto; border-radius:10px;
  background:linear-gradient(to top, var(--skyglow), transparent 46%),
             radial-gradient(ellipse at 50% 28%, var(--skybg1) 0%, var(--skybg2) 45%, var(--skybg3) 100%); }
.kstar, .vstar { cursor:pointer; }
.kstar circle.core { fill:var(--skykey); }
.kstar circle.halo { fill:var(--skykey); opacity:.14; }
.kstar:hover circle.halo, .kstar.sel circle.halo { opacity:.32; }
.kstar text { font-family:Poppins; font-size:12.5px; fill:var(--skykeytext); letter-spacing:1.2px; pointer-events:none; }
.kstar.live text { fill:var(--skykeylive); }
.vstar circle.core { fill:var(--skyverse); }
.vstar circle.halo { fill:var(--skyverse); opacity:.10; }
.vstar:hover circle.halo, .vstar.sel circle.halo { opacity:.3; }
.vstar text { font-family:Poppins; font-size:9.5px; fill:var(--skyversetext); letter-spacing:.8px; pointer-events:none; }
.dlabel { font-family:Poppins; font-size:11px; letter-spacing:3px; fill:var(--skydlabel); }
.cname { font-family:Poppins; font-size:11px; letter-spacing:2.6px; fill:var(--skycname); }
.figgrp line { stroke:var(--skyfig); stroke-opacity:.32; stroke-width:1.2; }
.figgrp.hot line { stroke-opacity:.62; }
.clu { stroke:var(--skyclu); stroke-opacity:.16; stroke-width:1; }
#tip { position:absolute; z-index:30; width:min(360px, 84vw); display:none;
  background:var(--tipbg); border:1px solid var(--tipborder); border-left:3px solid var(--tipaccent); border-radius:8px;
  padding:14px 17px 11px; box-shadow:0 12px 34px rgba(0,0,0,.55); }
#tip .q { font-family:var(--serif); font-style:italic; font-size:15px; color:var(--tipq); line-height:1.45; }
#tip .q .bw { background:rgba(227,180,92,.22); padding:0 2px; }
#tip .q .btag { font-style:normal; font-family:Poppins; font-size:10.5px; color:var(--tipaccent); }
#tip .ref { font-family:Poppins; font-size:10px; letter-spacing:1.5px; color:var(--tipref); margin-top:6px; }
#tip .note { font-family:var(--text); font-size:13.5px; color:var(--tipnote); margin-top:8px; }
#tip .go { font-family:Poppins; font-size:11px; margin-top:9px; }
#tip .go a { color:var(--tipaccent); }
.skylegend { font-family:Poppins; font-size:11.5px; color:var(--skydlabel); text-align:center; margin:10px 0 0; }
.skylegend span { margin:0 12px; white-space:nowrap; }
.sdot { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; vertical-align:-1px; }
.backband { max-width:760px; margin:20px auto 0; background:var(--tipbg); border:1px solid var(--tipborder); border-left:3px solid var(--tipaccent); border-radius:6px; padding:14px 18px; }
.backband .bt { font-family:Poppins; font-size:11px; letter-spacing:2px; color:var(--tipaccent); margin-bottom:4px; }
.backband p { font-size:14px; color:var(--tipnote) !important; margin-bottom:6px; }
.backband a { color:var(--tipgo); }

/* sunrise palette — Genesis 2 */
.sky-sunrise {
  --skybg1:#35284e; --skybg2:#241a3c; --skybg3:#150e28; --skyglow:rgba(227,150,60,.30);
  --skykey:#ffd98a; --skykeytext:#d7c9e6; --skykeylive:#ffe6b0;
  --skyverse:#ffe4bd; --skyversetext:#c9ad86;
  --skyfig:#8fc3e0; --skyclu:#a89ac0; --skydlabel:#8a7a9e; --skycname:#d8b06a;
  --skyamb1:#b9a9cc; --skyamb2:#e3b45c;
  --tipbg:#221838; --tipborder:#3c2c5e; --tipaccent:#e3b45c;
  --tipq:#f2ebfa; --tipnote:#c3b4d6; --tipref:#a08fc0; --tipgo:#ffd98a;
}
/* dusk palette — Genesis 3 */
.sky-dusk {
  --skybg1:#33173a; --skybg2:#22102e; --skybg3:#120818; --skyglow:rgba(216,120,50,.26);
  --skykey:#ffce8a; --skykeytext:#dcc4d2; --skykeylive:#ffdfa8;
  --skyverse:#f2d5c0; --skyversetext:#b78c76;
  --skyfig:#d88a4a; --skyclu:#a887a0; --skydlabel:#8f6f88; --skycname:#c08a52;
  --skyamb1:#bd9ab0; --skyamb2:#d88a4a;
  --tipbg:#2a1430; --tipborder:#4a2450; --tipaccent:#d88a4a;
  --tipq:#f8ecf2; --tipnote:#d0b4c4; --tipref:#a887a0; --tipgo:#ffce8a;
}
/* dawn palette — the Last Adam */
.sky-dawn {
  --skybg1:#2c3555; --skybg2:#23294a; --skybg3:#141a33; --skyglow:rgba(240,180,120,.32);
  --skykey:#ffd98a; --skykeytext:#ccd6ea; --skykeylive:#ffe6b0;
  --skyverse:#ffe9d0; --skyversetext:#a9b2cc;
  --skyfig:#8fd0a8; --skyclu:#93a3c4; --skydlabel:#7386ac; --skycname:#a8c096;
  --skyamb1:#9fb0d0; --skyamb2:#f0c088;
  --tipbg:#1b2340; --tipborder:#2e3a63; --tipaccent:#8fd0a8;
  --tipq:#eef3fc; --tipnote:#bcc7de; --tipref:#8fa0c0; --tipgo:#ffe6b0;
}