/* VENDORED from @hellerstown/brand at commit 31b876a by ht-shared/build/vendor-tokens.mjs. Do not edit here. */
/* @hellerstown/brand tokens. GENERATED by build/generate.mjs. Do not hand edit.
   Every text colour below was measured against the ground it is allowed on.
   One attribute switches a site: <html data-company="aerial">.
   One class switches a section: .on-void or .on-paper. */

@layer ht-tokens {
:root {
  --ht-void: #0A0A0C;
  --ht-void-2: #131317;
  --ht-void-3: #1C1C22;
  --ht-paper: #F2EFE9;
  --ht-paper-2: #E9E5DC;
  --ht-ink: #14131A;
  --ht-ink-2: #4B4954;
  --ht-ink-3: #615D6C;
  --ht-lint: #F6F5F8;
  --ht-lint-2: #A8A5B2;
  --ht-lint-3: #878592;

  /* the logo's world, shared by every company */
  --ht-dusk: #C084D6;  --ht-dusk-deep: #7E4C92;  --ht-dusk-lift: #E4C7EE;
  --ht-ember: #90461C; --ht-ember-deep: #562A11;   /* paper only: 2.90:1 on void */
  --ht-dawn: #F4A44C;  --ht-dawn-hot: #FFD9A0;      /* the glow. never a drawn source */

  /* type */
  --ht-font-sans: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ht-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ht-fs-display: clamp(2.75rem, 9.2vw, 8.5rem);  --ht-lh-display: .98;  --ht-ls-display: -.028em;
  --ht-fs-title:   clamp(1.75rem, 3.6vw, 3.1rem);  --ht-lh-title: 1.06;   --ht-ls-title: -.02em;
  --ht-fs-body:    clamp(1rem, 1.05vw, 1.075rem);  --ht-lh-body: 1.62;
  --ht-fs-small:   .875rem;
  --ht-fs-label:   .6875rem;  --ht-ls-label: .14em;  --ht-ls-mono: .08em;

  /* shape. nothing is square; hairlines only */
  --ht-radius-pill: 999px;  --ht-radius-card: 16px;  --ht-radius-frame: 28px;  --ht-radius-field: 999px;
  --ht-border: 1px;
  --ht-rule: color-mix(in srgb, currentColor 12%, transparent);
  --ht-rule-strong: color-mix(in srgb, currentColor 24%, transparent);

  /* motion. the ONLY place a curve or a duration may be written.
     --ht-ease-in accelerates then decelerates to a dead stop: peak 1.805x
     mean velocity at t=0.265, end velocity exactly zero. No spring anywhere. */
  --ht-ease-in:  cubic-bezier(0.42, 0.62, 0.42, 1);
  --ht-ease-out: cubic-bezier(0.50, 0, 0.82, 0.90);
  --ht-ease-travel: linear;
  --ht-ease-travel: linear(0, 0.012, 0.046, 0.105, 0.179, 0.253, 0.328, 0.402, 0.476, 0.551, 0.625, 0.699, 0.774, 0.848, 0.923, 0.981, 1);
  --ht-dur-s: 333ms;  --ht-dur-m: 433ms;  --ht-dur-l: 633ms;  --ht-dur-ground: 467ms;
  --ht-stagger: 130ms;

  /* layout */
  --ht-shell: min(1240px, calc(100% - 2.5rem));
  --ht-shell-narrow: min(760px, calc(100% - 2.5rem));
  --ht-gap: clamp(.75rem, 1.6vw, 1.4rem);
  --ht-section: clamp(4.5rem, 11vw, 9rem);
}

/* Heller's Town Aerial: text #C084D6 on void 7.08:1, #7E4C92 on paper 5.49:1 */
:root, [data-company="aerial"] {
  --ht-accent: #C084D6;  --ht-accent-deep: #7E4C92;  --ht-accent-lift: #E4C7EE;
  --ht-accent-ink: #0A0A0C;   /* text on a solid accent fill */
}
/* Heller's Town: text #F4A44C on void 9.67:1, #9A5B14 on paper 4.72:1 */
[data-company="parent"] {
  --ht-accent: #F4A44C;  --ht-accent-deep: #9A5B14;  --ht-accent-lift: #FFD9A0;
  --ht-accent-ink: #0A0A0C;   /* text on a solid accent fill */
}
/* Heller's Town Print: text #E8B25C on void 10.32:1, #8D641B on paper 4.61:1 */
[data-company="print"] {
  --ht-accent: #E8B25C;  --ht-accent-deep: #8D641B;  --ht-accent-lift: #F6DCAA;
  --ht-accent-ink: #0A0A0C;   /* text on a solid accent fill */
}
/* Heller's Town Notes: text #E4C7EE on void 12.91:1, #7E4C92 on paper 5.49:1 */
[data-company="writing"] {
  --ht-accent: #E4C7EE;  --ht-accent-deep: #7E4C92;  --ht-accent-lift: #F4E9F7;
  --ht-accent-ink: #0A0A0C;   /* text on a solid accent fill */
}

/* registers. a section declares its ground; everything derives. */
.on-void {
  --ht-bg: var(--ht-void); --ht-bg-2: var(--ht-void-2); --ht-fg: var(--ht-lint); --ht-fg-2: var(--ht-lint-2); --ht-fg-3: var(--ht-lint-3);
  --ht-accent-text: var(--ht-accent);
  background: var(--ht-bg); color: var(--ht-fg);
}
.on-paper {
  --ht-bg: var(--ht-paper); --ht-bg-2: var(--ht-paper-2); --ht-fg: var(--ht-ink); --ht-fg-2: var(--ht-ink-2); --ht-fg-3: var(--ht-ink-3);
  --ht-accent-text: var(--ht-accent-deep);
  background: var(--ht-bg); color: var(--ht-fg);
}

@media (prefers-reduced-motion: reduce) {
  :root { --ht-dur-s: 1ms; --ht-dur-m: 1ms; --ht-dur-l: 1ms; --ht-dur-ground: 1ms; --ht-stagger: 0ms; }
}
}