/* etagio · Anmeldeseite unter den Adressen aus ETAGIO_ADRESSEN (10.11.2026, functions/api/_etagio.js hängt diese Datei an).
   Gilt nur dort: unter PORTAL_URL lädt die Seite sie nie. Farben und Schrift aus der Marke (~/etagio-website/marke/tokens.css, MARKE.md):
   Tiefgrün für Überschriften und Knopf (Knopf auf Hell: Tiefgrün mit Weiß), Text #2C4A44, Nebentext #5B736E, Linie #DCE6E2, Nebel #F3F7F5,
   Smaragd tief #087A4E für Links. Der Verlauf nur als Linie über der Karte und als leiser Schein im Hintergrund. Kein Orange, kein Gold. */
@font-face {
  font-family: "Figtree"; font-style: normal; font-weight: 300 900; font-display: swap;
  src: url("schrift/figtree-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Figtree"; font-style: normal; font-weight: 300 900; font-display: swap;
  src: url("schrift/figtree-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
html[data-plattform="etagio"] {
  --gold: #08352D; --gold-dunkel: #062823; --gold-fg: #FFFFFF; --gold-bg: rgba(9, 216, 100, .22);
  --bg: #F3F7F5; --text: #2C4A44; --leise: #5B736E; --rand: #DCE6E2; --karte: #FFFFFF; --card-2: #F3F7F5; --rot: #B3261E;
  --schatten: 0 1px 2px rgba(8, 53, 45, .05), 0 18px 48px rgba(8, 53, 45, .09);
  color-scheme: light;
}
html[data-plattform="etagio"] body {
  font-family: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 420;
  background:
    radial-gradient(900px 520px at 8% -8%, rgba(9, 216, 100, .11), transparent 62%),
    radial-gradient(820px 520px at 108% 108%, rgba(41, 52, 244, .10), transparent 62%),
    #F3F7F5;
}
html[data-plattform="etagio"] .karte { position: relative; overflow: hidden; border-radius: 20px; padding: 36px 32px 28px; }
/* eine Linie im Verlauf der Marke über der Karte (MARKE.md: der Verlauf gehört dem Symbol und wenigen Akzenten) */
html[data-plattform="etagio"] .karte::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #09D864 0%, #2934F4 100%);
}
html[data-plattform="etagio"] .logo.etagio-logo { margin: 2px 0 28px; }
html[data-plattform="etagio"] .logo.etagio-logo img { width: auto; height: 36px; display: block; }
html[data-plattform="etagio"] h1 { font-family: inherit; font-weight: 750; font-size: 23px; letter-spacing: -.02em; color: #08352D; }
html[data-plattform="etagio"] p.unter { color: #5B736E; font-size: 15px; }
html[data-plattform="etagio"] label { color: #08352D; font-weight: 650; }
html[data-plattform="etagio"] input { border-radius: 12px; border-color: #DCE6E2; color: #08352D; }
html[data-plattform="etagio"] input:focus { border-color: #087A4E; box-shadow: 0 0 0 3px rgba(9, 216, 100, .22); }
html[data-plattform="etagio"] button { font-family: inherit; font-weight: 650; border-radius: 12px; letter-spacing: .005em; }
html[data-plattform="etagio"] button:focus-visible { outline: 3px solid rgba(9, 216, 100, .45); outline-offset: 2px; }
html[data-plattform="etagio"] button.leise, html[data-plattform="etagio"] button.leise:hover { color: #087A4E; }
html[data-plattform="etagio"] button.zweit { color: #08352D; border-color: #DCE6E2; }
html[data-plattform="etagio"] button.zweit:hover { background: #F3F7F5; }
html[data-plattform="etagio"] .fuss { color: #5B736E; }
@media (max-width: 380px) {
  html[data-plattform="etagio"] .karte { padding: 30px 22px 24px; }
  html[data-plattform="etagio"] .logo.etagio-logo img { height: 32px; }
}