/* Kitchen theme — overrides for login page, aligned with web_kitchen/main.css */

/* ── Design tokens ──────────────────────────────────────── */
:root {
  /* Colors */
  --charcoal:       #1a1917;
  --primary:        #004534;
  --primary-h:      #1e5d4a;
  --accent:         #004534;
  --light:          #f7f6f3;
  --border:         rgba(26,25,23,0.12);
  --weak:           rgba(26,25,23,0.55);
  --disabled:       rgba(26,25,23,0.32);
  --accent-tint:    #e8f3ef;
  --focus-ring:     rgba(0,69,52,0.10);
  --shadow-primary: 0 4px 16px rgba(0,69,52,0.28);
  --shadow-card:    0 16px 40px rgba(26,25,23,0.09), 0 4px 12px rgba(26,25,23,0.05);
  --success-bg:     #e8f3ef;
  --success-color:  #1E6B4F;
  --success-border: rgba(0,69,52,0.15);

  /* Radii — align with web_kitchen */
  --r-xs:   3px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-full: 9999px;

  /* Display font */
  --font-display: 'Manrope', -apple-system, system-ui, sans-serif;
}

/* ── Auth card — no border, refined shadow & padding ──── */
.auth-card {
  border: none;
  padding: 44px;
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-card);
}

/* ── Auth heading — Manrope display, light weight ────── */
.auth-header h1 {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

/* ── Eyebrow — green pill matching landing page ──────── */
.eyebrow {
  color: var(--primary);
  background: var(--accent-tint);
  border-radius: var(--r-full);
  letter-spacing: 0.12em;
}

/* ── Nav brand — green to match landing page ─────────── */
.nav-brand {
  color: var(--primary);
  font-family: var(--font-display);
}

/* ── Language switch active state ────────────────────── */
.lang-btn.active {
  color: var(--primary);
}

/* ── Form input — tighter padding matching web_kitchen ─ */
.form-input {
  padding: 11px 14px;
}

/* ── Mobile ───────────────────────────────────────────── */
@media (max-width: 480px) {
  .auth-card { padding: 28px 20px; }
}