/* ================================================================
   VENDORED verbatim from ../../../Elastic-Life-Knowledge/60-interfaces/tokens.css
   (source tokens.json lastUpdated 2026-08-03), copied 2026-08-31.

   Do not hand-edit hex values here — if the source design system changes
   AWI's suit, re-copy this block from the canonical file, don't retype.
   This file exists ONLY so unschool-tokens.css can alias by name instead
   of hardcoding a hex into any Unschool-authored file. See KICKOFF.md
   "Design tokens — decided".

   The one structural change from the source: the AWI block below is
   rescoped from `[data-brand="anotherWayInside"]` to `:root`, since this
   app never needs to switch brands on one page. Selector only — every
   custom-property name and hex value is untouched.
   ================================================================ */

:root {
  /* Universal type scale — identical across all four brands in the source system */
  --type-font-body: "Work Sans", sans-serif;

  --type-size-eyebrow: 11px;
  --type-weight-eyebrow: 600;
  --type-size-body: 16px;
  --type-weight-body: 400;
  --type-leading-body: 1.6;
  --type-size-body-lede: 17px;
  --type-weight-body-lede: 500;
  --type-size-ui-label: 14px;
  --type-weight-ui-label: 600;
  --type-size-caption: 13px;
  --type-weight-caption: 400;
  --type-size-footnote: 11.5px;
  --type-weight-footnote: 400;

  /* Another Way Inside suit */
  --color-door-gray: #6B6B6B;
  --color-paint-white: #F4F1EA;
  --color-black: #1A1A1A;
  --color-patina-teal: #5B8A7E;
  --color-patina-teal-hover: #4C7369;
  --color-bronze-primary: #B8863B;
  --color-bronze-primary-hover: #9A7031;

  --color-primary: var(--color-bronze-primary);
  --color-primary-hover: var(--color-bronze-primary-hover);
  --color-secondary: var(--color-patina-teal);
  --color-secondary-hover: var(--color-patina-teal-hover);
  --color-bg: #1A1A1A;

  /* Amboy is a locked hand-painted image asset — never live web text */
  --font-logo: none;
  --font-display: "Bungee Inline", cursive;
  --font-body: var(--type-font-body);
}
