@font-face {
  font-family: "Conthrax";
  src: url("/static/fonts/conthrax-sb.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --lm-canvas: #f4f7fb;
  --lm-surface: #ffffff;
  --lm-surface-strong: #f8f9fa;
  --lm-text: #212529;
  --lm-text-muted: #6c757d;
  --lm-border: #dee2e6;
  --lm-brand: #0d6efd;
  --lm-brand-hover: #0b5ed7;
  --lm-accent: #0dcaf0;
  --lm-charcoal: #212529;
  --lm-focus: #0d6efd;
  --lm-success: #287a52;
  --lm-danger: #b53d31;
  --lm-warning: #a86718;
  --lm-info: #2d647d;
  --lm-radius: 8px;
  --lm-shadow-sm: 0 8px 24px rgb(23 20 18 / 8%);
  --lm-shadow-overlay: 0 22px 70px rgb(23 20 18 / 22%);

  /* Compatibility aliases for the legacy application styles. */
  --primary-color: var(--lm-brand);
  --secondary-color: var(--lm-text-muted);
  --accent-color: var(--lm-accent);
  --success-color: var(--lm-success);
  --danger-color: var(--lm-danger);
  --warning-color: var(--lm-warning);
  --light-color: var(--lm-surface);
  --dark-color: var(--lm-text);
  --border-radius: var(--lm-radius);
  --box-shadow: var(--lm-shadow-sm);
}

body.lm-app,
body.lm-auth {
  --primary-color: var(--lm-brand);
  --secondary-color: var(--lm-text-muted);
  --accent-color: var(--lm-accent);
  --success-color: var(--lm-success);
  --danger-color: var(--lm-danger);
  --warning-color: var(--lm-warning);
  --light-color: var(--lm-surface);
  --dark-color: var(--lm-text);
  --border-radius: var(--lm-radius);
  --box-shadow: var(--lm-shadow-sm);
  margin: 0;
  background: var(--lm-canvas);
  color: var(--lm-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

body.lm-app *,
body.lm-auth * {
  box-sizing: border-box;
}

body.lm-app h1,
body.lm-app h2,
body.lm-app h3,
body.lm-app h4,
body.lm-app h5,
body.lm-app h6,
body.lm-auth h1,
body.lm-auth h2,
body.lm-auth h3,
body.lm-auth h4 {
  color: var(--lm-text);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
}

body.lm-app a,
body.lm-auth a {
  color: var(--lm-brand);
  text-underline-offset: 0.18em;
}

body.lm-app :focus-visible,
body.lm-auth :focus-visible {
  outline: 3px solid var(--lm-focus);
  outline-offset: 3px;
}

.lm-wordmark,
body.lm-auth .brand-title,
body.lm-auth .brand-subtitle {
  font-family: "Conthrax", Impact, sans-serif !important;
  letter-spacing: 0 !important;
}

::selection {
  background: rgb(13 110 253 / 22%);
  color: var(--lm-text);
}