/*
 * Arinette skin for Casdoor login/register page.
 * Override Casdoor's default Ant Design styles with Arinette design system.
 *
 * Colors: teal-400 #2b8a81, coral-400 #f06d4a, dark-900 #244243, bg #ebe9e5
 * Fonts: Rajdhani (headings), Barlow (body)
 */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Barlow:wght@400;500;600&display=swap');

/* ── Page background ── */
body {
  background: #ebe9e5 !important;
  font-family: 'Barlow', system-ui, sans-serif !important;
  color: #244243 !important;
}

/* ── Login container ── */
.login-panel,
.login-form {
  background: #ffffff !important;
  border: 1px solid #d4d2ce !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* ── Headings ── */
.login-panel h1,
.login-panel .login-logo-text,
.login-form h1,
h1, h2, h3 {
  font-family: 'Rajdhani', system-ui, sans-serif !important;
  color: #244243 !important;
}

/* ── Primary button (login/register) ── */
.ant-btn-primary,
button[type="submit"].ant-btn-primary,
.login-button {
  background: #2b8a81 !important;
  border-color: #2b8a81 !important;
  border-radius: 4px !important;
  font-family: 'Rajdhani', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  box-shadow: none !important;
  height: 44px !important;
}

.ant-btn-primary:hover,
.ant-btn-primary:focus,
button[type="submit"].ant-btn-primary:hover {
  background: #1d6860 !important;
  border-color: #1d6860 !important;
}

/* ── Input fields ── */
.ant-input,
.ant-input-affix-wrapper,
.ant-select-selector {
  border: 1px solid #d4d2ce !important;
  border-radius: 4px !important;
  font-family: 'Barlow', system-ui, sans-serif !important;
  box-shadow: none !important;
}

.ant-input:focus,
.ant-input-affix-wrapper:focus,
.ant-input-focused,
.ant-input-affix-wrapper-focused {
  border-color: #2b8a81 !important;
  box-shadow: 0 0 0 2px #e8f5f3 !important;
}

/* ── Links ── */
a {
  color: #2b8a81 !important;
}

a:hover {
  color: #1d6860 !important;
}

/* ── Form labels ── */
.ant-form-item-label > label {
  font-family: 'Rajdhani', system-ui, sans-serif !important;
  font-weight: 500 !important;
  color: #5a5856 !important;
}

/* ── Tabs (Login / Register toggle) ── */
.ant-tabs-tab {
  font-family: 'Rajdhani', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #8a8884 !important;
}

.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #2b8a81 !important;
}

.ant-tabs-ink-bar {
  background: #2b8a81 !important;
}

/* ── Checkbox ── */
.ant-checkbox-checked .ant-checkbox-inner {
  background: #2b8a81 !important;
  border-color: #2b8a81 !important;
}

/* ── Error/validation ── */
.ant-form-item-explain-error {
  color: #c44e2f !important;
  font-size: 13px !important;
}

/* ── Casdoor logo area — hide default, show our own ── */
.login-logo img,
.login-panel .ant-image img {
  content: url('/logo-symbol.svg') !important;
  width: 48px !important;
  height: 48px !important;
}

/* ── Footer ── */
.login-panel .powered-by,
.login-footer,
footer {
  color: #8a8884 !important;
  font-size: 11px !important;
}

/* ── Card surfaces ── */
.ant-card {
  border: 1px solid #d4d2ce !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* ── Remove all shadows ── */
.ant-card,
.ant-modal-content,
.ant-dropdown,
.ant-popover-inner {
  box-shadow: none !important;
}

/* ── Secondary text ── */
.ant-typography-secondary,
.ant-form-item-extra {
  color: #8a8884 !important;
}