/** asset7 default brand tokens — v1.0 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Montserrat:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');

:root {
  --a7-red: #d20021;
  --a7-red-hover: #b0001c;
  --a7-ink: #111111;
  --a7-dark: #121212;
  --a7-white: #ffffff;
  --a7-graphite: #737373;
  --a7-slate: #2d3238;
  --a7-azure: #13a3f7;
  --a7-teal: #0d9892;
  --a7-amber: #ea9c14;
  --a7-green: #22b14c;
  --a7-navy: #111f3a;

  --a7-gray-50: #f8f8f8;
  --a7-gray-100: #f2f2f2;
  --a7-gray-200: #e5e5e5;
  --a7-gray-400: #a3a3a3;
  --a7-gray-600: #525252;
  --a7-gray-800: #262626;

  --font-brand: 'Montserrat', 'Arial Black', Arial, sans-serif;
  --font-body: 'Montserrat', Inter, system-ui, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', monospace;

  /* Legacy aliases used across the app */
  --brand-navy: var(--a7-navy);
  --brand-orange: var(--a7-red);
  --brand-rust: var(--a7-red-hover);
  --brand-mint: var(--a7-teal);
  --brand-ink: var(--a7-ink);
  --brand-black: var(--a7-dark);
  --brand-white: var(--a7-white);
  --brand-accent: var(--a7-red);

  --ip-navy: var(--a7-navy);
  --ip-navy-deep: var(--a7-dark);
  --ip-navy-mid: #1a2740;
  --ip-orange: var(--a7-red);
  --ip-orange-dim: rgba(210, 0, 33, 0.12);
  --ip-mint: var(--a7-teal);
  --ip-white: var(--a7-white);
}

.a7-lockup {
  font-family: var(--font-brand);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: lowercase;
}

.a7-brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
}

.a7-brand-logo--lg {
  gap: 0.625rem;
}

.a7-brand-logo--xl {
  gap: 0.875rem;
}

.a7-brand-logo__tile {
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: var(--a7-red);
  color: var(--a7-white);
  font-family: var(--font-brand);
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.04em;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.a7-brand-logo--default .a7-brand-logo__tile {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 13px;
}

.a7-brand-logo--lg .a7-brand-logo__tile {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 17px;
}

.a7-brand-logo--xl .a7-brand-logo__tile {
  width: 5rem;
  height: 5rem;
  font-size: 42px;
}

.a7-brand-logo__word {
  font-family: var(--font-brand);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: var(--a7-white);
}

.a7-brand-logo--default .a7-brand-logo__word {
  font-size: 1rem;
}

.a7-brand-logo--lg .a7-brand-logo__word {
  font-size: 1.25rem;
}

.a7-brand-logo--xl .a7-brand-logo__word {
  font-size: 2.5rem;
}

/* Full red “asset7” block mark (home + auth heroes) */
.a7-brand-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.a7-brand-block__img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.a7-brand-block__text {
  fill: var(--a7-white);
  font-family: var(--font-brand);
  font-weight: 800;
  font-size: 52px;
  letter-spacing: -1.2px;
}

.a7-brand-block--default .a7-brand-block__img {
  width: 7.5rem;
}

.a7-brand-block--lg .a7-brand-block__img {
  width: 11rem;
}

.a7-brand-block--xl .a7-brand-block__img {
  width: min(100%, 16rem);
}