/* Whipcode Dobra: identidade compartilhada entre site, acesso e workspace. */
@font-face {
  font-family: 'Whipcode Manrope';
  src: url('./manrope-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
:root {
  --wc-paper: #f5f3eb;
  --wc-forest: #203e32;
  --wc-lime: #d6ef87;
  --wc-brand-color: var(--wc-lime);
}
.wc-light { --wc-brand-color: var(--wc-forest); }
.wc-lockup {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  font-family: 'Whipcode Manrope', sans-serif;
  text-decoration: none;
}
.wc-wordmark {
  font-family: 'Whipcode Manrope', sans-serif;
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.2;
}
.wc-brand-symbol, .wc-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  vertical-align: -.12em;
  background-color: currentColor;
  -webkit-mask: var(--wc-icon) center / contain no-repeat;
  mask: var(--wc-icon) center / contain no-repeat;
}
.wc-brand-symbol {
  --wc-icon: url('./symbol.svg');
  width: 1.25em;
  height: 1.25em;
  color: var(--wc-brand-color);
}
.wc-icon-inbox { --wc-icon: url('./inbox.svg'); }
.wc-icon-missions { --wc-icon: url('./missions.svg'); }
.wc-icon-auto { --wc-icon: url('./auto.svg'); }
.wc-icon-machines { --wc-icon: url('./machines.svg'); }
.wc-icon-conversations { --wc-icon: url('./conversations.svg'); }
.wc-icon-projects { --wc-icon: url('./projects.svg'); }
.wc-icon-running { --wc-icon: url('./running.svg'); }
.wc-login-brand { justify-content: center; }
.wc-brand-large { font-size: 44px; margin-bottom: 14px; }
.wc-brand-header { font-size: 22px; }
.wc-brand-inline { display: inline-flex; align-items: center; gap: 7px; }
.wc-product .tab-icon.wc-icon { width: 24px; height: 24px; }
.wc-product .tab.active { color: var(--wc-lime); }
.wc-product .header .logo.wc-brand-symbol { width: 29px; height: 29px; }
.wc-product .client-selector > label { display: inline-flex; align-items: center; gap: 5px; }
.wc-product .brand-mark:has(> .wc-brand-symbol) { background: var(--wc-forest); color: var(--wc-lime); }
.wc-product .brand-mark > .wc-brand-symbol { width: 24px; height: 24px; }
/* O acesso segue a superfície clara da landing, preservando os formulários. */
.wc-auth {
  --bg-primary: #f5f3eb;
  --bg-secondary: #fffdf7;
  --bg-tertiary: #eceee3;
  --border: #d3d6ca;
  --text-primary: #202b24;
  --text-secondary: #5e655c;
  --text-muted: #61695f;
  --accent: #203e32;
  --accent-hover: #304f40;
  --accent-glow: rgba(32, 62, 50, .12);
  --red: #a82929;
  --error: #a82929;
}
.wc-auth body { font-family: 'Whipcode Manrope', sans-serif; }
.wc-auth .logo { font-size: 32px; gap: 13px; margin-bottom: 32px; }
.wc-auth .logo-text { font-family: 'Whipcode Manrope', sans-serif; font-weight: 800; letter-spacing: -.055em; }
.wc-auth .auth-card, .wc-auth .login-card { border-radius: 6px; box-shadow: 0 12px 40px rgba(32, 62, 50, .04); }
.wc-auth .github-btn, .wc-auth .btn-github { border-radius: 4px; }
.wc-auth .submit-btn, .wc-auth .btn-primary { background: var(--wc-forest); color: var(--wc-paper); border-radius: 4px; }
.wc-auth .submit-btn:hover, .wc-auth .btn-primary:hover { background: #304f40; box-shadow: none; transform: none; }
.wc-auth input { font-family: inherit; }
.wc-auth :focus-visible { outline: 2px solid #b33d20; outline-offset: 3px; }
