/* gtllclaw.com token overrides — the entire supported brand surface (KB
   fgl-frontend-pattern). Grow only through plan stories. Every token name
   below MUST exist in src/_includes/fgl/tokens.json — the override lint
   enforces it. */
:root {
  /* No brand decision at birth (spec D6: typography and layout come from
     vituno tokens; the 2008 template's #385B88 / #FA6900 palette is not
     carried into the TOKENS — Story 4.1.1 carries it on the wordmark and
     the firm name only, as the element rules below). The value matches the
     framework default exactly — the file exists to give this site a real,
     lint-passing token-override file. */
  --brand-primary: #3C3B6E;
  --brand-primary-ink: #3C3B6E;
}

@supports (color: light-dark(#000, #fff)) {
  :root {
    --brand-primary: light-dark(#3C3B6E, #6D6BB8);
    --brand-primary-ink: light-dark(#3C3B6E, #8A88D0);
  }
}

/* The one-page card: the legacy page was a single left-aligned column of
   text; the content measure comes from the framework, the card only
   centers it. */
.gt-card {
  max-width: 44rem;
  margin: 0 auto;
  padding: var(--space-6) var(--space-4);
}

.gt-wordmark a,
.gt-firm a {
  text-decoration: none;
  color: inherit;
}

/* The legacy look (Omid, 2026-10-12 — Initiative 4, Story 4.1.1; CLAUDE.md
   § Content ground rule): the wordmark and the firm name carry the legacy
   stylesheet's typography and palette — docs/inventory/legacy/gtllclaw.css,
   its `#logo h1 a`, `#logo h1 i` and `h3` rules ("Free CSS Templates",
   CC-BY 2.5) — and nothing else on the page does. Element rules, not token
   overrides: the override lint reads custom properties only, and the
   framework's contrast gate scores token pairs. The wordmark block is a
   logotype (WCAG 1.4.3 exempts it), so light mode is the legacy to the hex
   (the orange reads 2.84:1 on the light surface, measured 2026-10-12). The
   px sizes are the legacy's own — a mark, not body copy. */
.gt-wordmark {
  /* the legacy `h1` face + `#logo h1 a`: uppercase, 30px, the link orange */
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #FA6900;
}

.gt-wordmark i {
  /* the legacy `#logo h1 i` — the "llc": italic, lowercase, 48px, tracking
     pulled in 3px, the template blue */
  font: italic normal 48px Georgia, "Times New Roman", Times, serif;
  text-transform: lowercase;
  letter-spacing: -3px;
  color: #385B88;
}

.gt-firm {
  /* the legacy `h3`: bold x-small Verdana, uppercase, 2px tracking; its
     anchor took the link orange */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #FA6900;
  margin-top: 0;
}

/* Dark mode, which the legacy page never had: the orange holds (6.25:1 on
   the dark surface); the blue lifts to a lighter tint of the same hue
   (8.55:1 — the legacy #385B88 reads 2.66:1 there). Omid's go on the
   recommendation, 2026-10-12. Same @supports shape as the token block above:
   the plain hex above is the fallback where light-dark() is unknown. */
@supports (color: light-dark(#000, #fff)) {
  .gt-wordmark i {
    color: light-dark(#385B88, #8FB3E0);
  }
}