/**
 * Site type tokens — mirrors app shipped scale (`src/constants/theme.ts`)
 * and `thmanyahSerifTextHeavy` (Medium body / Bold emphasis; no hybrid digits).
 *
 * micro 13/18 · body 15/22 · heading 20/28 · hero 30/38
 * weight-regular 400 → Medium face · weight-emphasis 700 → Bold face
 * heading ss01: font-feature-settings: "ss01" 1 (SHIPPED = headings only)
 */

:root {
  --type-micro: 13px;
  --type-micro-lh: 18px;
  --type-body: 15px;
  --type-body-lh: 22px;
  --type-heading: 20px;
  --type-heading-lh: 28px;
  --type-hero: 30px;
  --type-hero-lh: 38px;
  --weight-regular: 400;
  --weight-emphasis: 700;
  --type-heading-features: 'ss01' 1;

  /**
   * Leading icons — app `outlineUnified`:
   * compact ink column, outline strokes, no glass/boxed tiles.
   */
  --icon-column: 28px;
  --icon-glyph: 22px;
  --icon-glyph-sm: 17px;
  --icon-stroke: 1.75;
}

/** Bare outline icon column (features, contact, trust, list rows). */
.icon-outline,
.feature .ficon,
.trust-item .ck,
.rec .ic,
.ccard .ic {
  width: var(--icon-column);
  height: var(--icon-column);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--muted);
}

.feature .ficon {
  justify-content: flex-start;
  margin-bottom: 14px;
  color: var(--text);
}

.trust-item .ck,
.rec .ic {
  color: var(--green);
}

.ccard .ic {
  justify-content: flex-start;
  margin-bottom: 14px;
  color: var(--accent);
}

.icon-outline svg,
.feature .ficon svg,
.trust-item .ck svg,
.rec .ic svg,
.ccard .ic svg {
  width: var(--icon-glyph);
  height: var(--icon-glyph);
  stroke-width: var(--icon-stroke);
  fill: none;
  flex-shrink: 0;
}

.rec .ic svg,
.trust-item .ck svg {
  width: var(--icon-glyph-sm);
  height: var(--icon-glyph-sm);
}