/* Evergreen sign-in theme. Loads after atelier-auth.css and recolours the same
   split-screen layout to match the public site (landing/home.css). */
:root {
  --eg-ink: #0c1f1c;
  --eg-muted: #566b66;
  --eg-emerald: #0f8a63;
  --eg-mint-top: #dcf3e7;
  --eg-paper: #f4f8f6;
  --eg-line: #dce7e2;
  --eg-coral: #ff6b4a;
  --eg-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --eg-body: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
}
body.atelier { background: var(--eg-paper); color: var(--eg-ink); font-family: var(--eg-body); }

.atelier-brand {
  color: var(--eg-ink);
  background:
    radial-gradient(90% 60% at 90% 6%, rgba(127, 240, 195, .6), transparent 60%),
    radial-gradient(70% 50% at 0% 100%, rgba(255, 107, 74, .12), transparent 60%),
    linear-gradient(180deg, var(--eg-mint-top) 0%, #eaf6f0 100%);
  border-right: 1px solid var(--eg-line);
}
.atelier-brand::after { display: none; }
.atelier-logo { gap: 11px; text-decoration: none; font: 700 1.35rem/1 var(--eg-display); letter-spacing: -.03em; color: var(--eg-ink) !important; }
.atelier-logo svg { width: 40px; height: 40px; flex: none; }
.atelier-logo em { font-style: normal; color: var(--eg-emerald); }
.atelier-tagline { font-family: var(--eg-display); font-weight: 800; font-size: clamp(34px, 4.2vw, 58px); line-height: 1; letter-spacing: -.04em; color: var(--eg-ink); max-width: 12ch; }
.atelier-tagline em { font-style: normal; color: var(--eg-emerald); }
.atelier-features { border-top: 0; padding-top: 0; gap: 10px; }
.atelier-features span { font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 600; color: var(--eg-ink); background: #fff; border: 1px solid #c4dbd1; border-radius: 999px; padding: 7px 14px; }
.atelier-features span:not(:last-child)::after { content: none; }

.atelier-panel { background: var(--eg-paper); }
.atelier-top .dash-head-link { color: var(--eg-ink); }
.atelier-main h2 { font-family: var(--eg-display); font-weight: 700; font-size: 34px; letter-spacing: -.03em; color: var(--eg-ink); }

body.atelier .form-label { font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 600; color: var(--eg-ink); }
body.atelier .form-control, body.atelier .form-select { border-radius: 12px; border: 1px solid #c4d6ce; background: #fff; color: var(--eg-ink); }
body.atelier .form-control:focus, body.atelier .form-select:focus { border-color: var(--eg-emerald); box-shadow: 0 0 0 3px rgba(15, 138, 99, .16); }
body.atelier .btn-primary { background: var(--eg-coral); color: var(--eg-ink); border-radius: 999px; padding: 14px 20px; font-weight: 700; box-shadow: 0 10px 24px -10px rgba(255, 107, 74, .8); }
body.atelier .btn-primary:hover { background: #ff7d60; color: var(--eg-ink); filter: none; }
body.atelier .btn-primary:focus-visible { outline: 3px solid rgba(255, 107, 74, .45); }
body.atelier .text-primary { color: var(--eg-emerald) !important; }
body.atelier a { color: var(--eg-emerald); }
body.atelier .form-check-input:checked { background-color: var(--eg-emerald); border-color: var(--eg-emerald); }
body.atelier .form-check-input:focus { border-color: var(--eg-emerald); box-shadow: 0 0 0 3px rgba(15, 138, 99, .16); }
.atelier-foot, .atelier-foot span { color: var(--eg-muted); }

@media (max-width: 860px) {
  .atelier-brand { border-right: 0; border-bottom: 1px solid var(--eg-line); }
}