/* Elara — shared: SHARP CORNERS everywhere + dark/light theme. Served at /ui.css */

/* ---- sharp corners: convert all rounded edges to sharp ---- */
*,*::before,*::after{border-radius:0 !important}

/* ---- theme toggle button (sharp) ---- */
#themeToggle{position:fixed;top:12px;right:12px;z-index:9999;width:42px;height:42px;cursor:pointer;line-height:1;
  border:1px solid var(--line2,#26405c);background:var(--panel,#0e1b2e);color:var(--gold2,#e0b85a);font-size:18px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px -8px rgba(0,0,0,.45)}
#themeToggle:hover{filter:brightness(1.12)}

/* ===== LIGHT theme ===== */
:root[data-theme="light"]{
  --bg:#ffffff;--navy:#ffffff;--navy2:#f6f7f9;--panel:#ffffff;--soft:#f6f7f9;--chip:#eef1f5;
  --ink:#19222e;--mut:#5b6675;--dim:#7a8696;--faint:#98a2af;
  --line:#e9ecf1;--line2:#dee3ea;--gold:#c79a3e;--gold2:#c79a3e;
  --cyan:#0e7490;--cyan-soft:#0e7490;--good:#2f7d54;--warn:#b4791f;
}
:root[data-theme="light"] body{background:radial-gradient(1200px 620px at 50% -8%,#faf7f0 0,rgba(250,247,240,0) 55%),#fff !important;color:#19222e}
:root[data-theme="light"] #map{background:#e9eaec}
:root[data-theme="light"] .field,:root[data-theme="light"] .searchwrap,:root[data-theme="light"] input,
:root[data-theme="light"] select,:root[data-theme="light"] pre,:root[data-theme="light"] .tab{background:#fff !important;color:#19222e}
:root[data-theme="light"] .panel{background:linear-gradient(180deg,#ffffff,#f6f7f9) !important;color:#19222e}
:root[data-theme="light"] #themeToggle{background:#fff;color:#c79a3e}

/* ===== DARK theme ===== */
:root[data-theme="dark"]{
  --bg:#050e1a;--navy:#0c1727;--navy2:#0f1d31;--panel:#0e1b2e;--soft:#0d1b2e;--chip:#16263a;
  --ink:#eaf6fb;--mut:#8aa3b8;--dim:#6f8499;--faint:#6f8499;
  --line:#16304a;--line2:#26405c;--gold:#c79a3e;--gold2:#e0b85a;
  --cyan:#22d3ee;--cyan-soft:#7ee8f7;--good:#5e9e7a;--warn:#cf9b52;
}
:root[data-theme="dark"] body{background:radial-gradient(1000px 560px at 50% -6%,rgba(34,211,238,.14),transparent 60%),#050e1a !important;color:#eaf6fb}
:root[data-theme="dark"] .searchwrap,:root[data-theme="dark"] #dest,
:root[data-theme="dark"] .tab,:root[data-theme="dark"] input,:root[data-theme="dark"] select{background:#0e1b2e !important;color:#eaf6fb}
:root[data-theme="dark"] .tab{border-color:#26405c}
:root[data-theme="dark"] .powered,:root[data-theme="dark"] .tagline,:root[data-theme="dark"] footer.foot{color:#8aa3b8}
:root[data-theme="dark"] #themeToggle{background:#0e1b2e;color:#e0b85a}