/* ──────────────────────────────────────────────────────────────────────────
 * codriver.io: components
 *
 * What is left of the `--cd-*` Concrete & Cobalt component library. That
 * library is the MARKETING site's language, and it was linked here from the
 * days when this page spoke it too. The in-car chrome is Tesla-native now
 * (the `--t-*` tokens in tokens.css, applied by styles.css), so 157 of the
 * 165 classes this file used to carry had no element to style: ~33 KB of
 * buttons, cards, badges, brackets, pricing tables and design-system scaffold
 * parsed on every boot, on a screen that never showed any of it.
 *
 * Only what the app actually uses is kept: the logo lockup, and nothing else.
 * (Two text-tone utilities survived the first pass on a false positive. The
 * audit matched the bare name `cd-text-dim`, which also occurs inside the
 * custom property `var(--cd-text-dim, ...)` that demo.js used for a colour.
 * A class is only used when the name appears WITHOUT a leading `--`.)
 *
 * If you need a `cd-` component
 * back, take it from codriver-marketing rather than restoring this file:
 * that repo is where the vocabulary is maintained, and a second copy here is
 * how the two drifted in the first place.
 *
 * Pair with tokens.css.
 * ───────────────────────────────────────────────────────────────────────── */

/* Logo lockup: the nav header and the Settings panel mark (public/index.html). */
.cd-logo {
  display: inline-flex;
  align-items: center;
  gap: var(--cd-s-2);
  font-family: var(--cd-font-ui);
  font-weight: var(--cd-fw-semi);
  font-size: var(--cd-fs-lg);
  letter-spacing: var(--cd-ls-snug);
  color: var(--cd-text);
  line-height: 1;
}
.cd-logo__mark {
  width: 1.2em; height: 1.2em;
  color: currentColor;
  flex: 0 0 auto;
}
.cd-logo__suffix {
  color: var(--cd-text-mute);
  font-weight: var(--cd-fw-medium);
}
.cd-logo--accent .cd-logo__mark { color: var(--cd-accent); }