/* lasercom.app: copyright © 2026 Robert Lafon, all rights reserved. */
/* The base the Orrery's own stylesheet (public/sky.css) sits on.

   Upstream, the Orrery's page loads its site's general stylesheet first and
   public/sky.css on top, borrowing its colours and a few general rules. This
   file is exactly those borrowed parts and nothing else (found by loading the
   Orrery and keeping every upstream rule that matched something on the page),
   so the imported sky.css looks here as it does upstream.

   Not imported: written by hand. If an Orrery update upstream starts relying
   on another general rule, add it here. The site's other pages use
   public/style.css instead. */

:root {
  --void:      #070910;
  --panel:     #0e1220;
  --panel-2:   #141a29;
  --panel-3:   #1a2132;
  --ink:       #dfe4ee;
  --ink-dim:   #9aa4b8;
  --ink-faint: #6f7a8f;
  --line:      #2a3247;
  --line-soft: #1d2434;
  --link:      #8ab6ff;
  --visited:   #c3a3ea;
  --hover:     #ff9d8b;
  --accent:    #ffce6b;
  --danger:    #ff8a80;
  --ok:        #8fd39a;
}

body {
  background-color: var(--void);
  color: var(--ink);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

a { color: var(--link); }
a:visited { color: var(--visited); }
a:hover { color: var(--hover); }

h1 { font-size: 16px; margin: 0 0 4px; color: #fff; }
h2 { font-size: 13px; margin: 16px 0 6px; color: #f0f3f8; }

input[type="text"], input[type="email"], input[type="password"], textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 4px;
  border: 1px solid var(--line);
  background: #080b13;
  color: var(--ink);
  width: 100%;
  max-width: 620px;
  box-sizing: border-box;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
  outline: none;
  border-color: var(--link);
}

button, input[type="submit"] {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 4px 12px;
  margin-top: 10px;
  border: 1px solid var(--line);
  background: var(--panel-3);
  color: var(--ink);
  cursor: pointer;
}
button:hover, input[type="submit"]:hover { background: #232b3d; }

button.linkish {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: var(--link);
  text-decoration: underline;
  cursor: pointer;
  font-size: 11px;
}
button.linkish:hover { background: none; color: var(--hover); }

label.switch { font-size: 12px; cursor: pointer; }
label.switch input { margin-right: 6px; vertical-align: middle; }

/* --- phones --------------------------------------------------------------- */
@media (max-width: 760px) {
  body { font-size: 15px; }
  h1 { font-size: 19px; }
  h2 { font-size: 16px; }
  input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select {
    font-size: 16px;
    padding: 7px;
  }
  button, input[type="submit"] { font-size: 15px; padding: 9px 14px; }
  button.linkish { font-size: 14px; padding: 4px 0; }
}