/* Kobotrail Brand Kit v2 tokens (provisional colours), applied over the app styles. */
:root {
  color-scheme: only light;
  --deep: #092c20; --deep-2: #003b28; --ground: #faf9f5; --paper: #ffffff; --ink: #242a26; --line: #dce5d9; --coin: #e5a400;
  --display: "DM Serif Display", Georgia, serif; --body: Geist, Inter, sans-serif;
}
h1, h2, h3 { font-weight: 400; }
.btn, .link { border-radius: 10px; }
.gold { color: var(--coin); }
.auth { background: #fefbf8; }
.auth-side { justify-content: center; background: radial-gradient(90% 70% at 70% 30%, #0b4a35 0%, transparent 62%), var(--deep); }
.auth-side h1 { max-width: none; font-size: clamp(2.8rem, 5.6vw, 4.8rem); line-height: 1.04; }
.auth-side > div:empty { display: none; }
.auth-form { background: #fefbf8; margin: 0 auto; }
.auth-logo { display: block; line-height: 0; margin: 0 0 1.2rem -8px; }
.auth-logo img { display: block; height: 64px; width: auto; }
.auth-form h2 { font-size: 1.7rem; }
.auth-form .btn { background: linear-gradient(180deg, #f3bc2e, var(--coin)); color: #1b2a20; }
.brand img { display: block; border-radius: 7px; }
@media (max-width: 760px) { .auth-side { padding-top: 2.4rem; padding-bottom: 2.4rem; } .auth-form { padding-top: 1.6rem; } }