/* invitepe — brand wordmark + global typography */

:root {
  --font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

html {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Form controls don't always inherit — set explicitly */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
textarea,
select,
option,
button,
optgroup {
  font-family: var(--font-sans);
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #1a1a1a;
  line-height: 1;
}

.brand-mark-light {
  color: #ffffff;
}

.brand-mark-inner {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.035em;
  white-space: nowrap;
}

.brand-i {
  height: 0.82em;
  width: auto;
  flex-shrink: 0;
  color: #0053e2;
  margin-right: -0.04em;
  transform: translateY(0.06em);
}

.brand-mark-light .brand-i {
  color: #ffffff;
}

.brand-mark-text {
  font-feature-settings: "ss01" 1;
}

.brand-mark-xs .brand-mark-inner { font-size: 0.875rem; }
.brand-mark-sm .brand-mark-inner { font-size: 1.125rem; }
.brand-mark-md .brand-mark-inner { font-size: 1.5rem; }
.brand-mark-lg .brand-mark-inner { font-size: 1.75rem; }
.brand-mark-xl .brand-mark-inner { font-size: 2rem; }

/* Tiny contexts (powered-by footers) */
.brand-favicon {
  border-radius: 3px;
  flex-shrink: 0;
  display: block;
}