/* Howl's look, from howllouder.com: navy and amber on pale sky blue.
   Loaded after the framework's interview.css; only variables are set
   here. The words (HOWL., the logo letter) are the profile's. */

:root {
  /* Howl, from howllouder.com: navy and amber on pale sky blue */
  --bg: #f3f8fb;
  --page-bg: linear-gradient(180deg, #d9edf5 0, #eef6fa 340px, #f7fafc 100%);
  --surface: #ffffff;
  --ink: #12145c;
  --muted: #5f6475;
  --line: #d4dbe3;
  --brand: #12145c;
  --brand-ink: #ffffff;
  --accent: #f2b43c;
  --accent-ink: #8f5b00;
  --soft: #e6f1f7;
  --good: #1f7a4d;
  --warn: #8a5200;
  --bad: #b3261e;
  --btn-bg: #f2b43c;
  --btn-ink: #12145c;
  --logo-bg: #f2b43c;
  --logo-ink: #12145c;
  --stage: #0e1048;
  --stage-ink: #ffffff;
  --stage-muted: #c9cbe8;
  --radius: 10px;
  --head-weight: 800;
  --head-tracking: -0.035em;
  --wordmark-size: 26px;
  --font-body: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-head: "Inter Tight", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}