/* Copyright Ayers Electronics Inc. All rights reserved. */
/* Howland's skin: it binds the kit's roles to Howland's brand tokens and declares nothing else.
 * Lives beside tokens.css. The page frame links tokens directly for parallel discovery; this
 * import also keeps standalone kit pages self-contained. Browsers reuse the same token response.
 * The kit itself is staged at deploy from platform at the product's one pin.
 *
 * THE WHOLE FILE IS THE BINDING. brand/tokens.css remains the single source of truth for what a
 * colour IS — this says only what each colour is FOR. A Howland token rename lands here and
 * nowhere else; kit.css never names a Howland token.
 *
 * THE LIGHT MODE COMES FOR FREE, AND MUST NOT BE RE-DECLARED. brand/tokens.css defines eight
 * light-mode tokens under prefers-color-scheme. Binding to those tokens rather than to their
 * values inherits the flip; a page that binds to values instead ignores it and ships dark-mode
 * colours on a light ground. The media query lives in brand/tokens.css and is not repeated here.
 */

@import url("tokens.css");

:root {
  --surface: var(--howland-bg);
  --surface-panel: var(--howland-bg-panel);
  --border: var(--howland-border);

  --ink: var(--howland-text);
  --ink-muted: var(--howland-text-muted);
  --ink-dim: var(--howland-text-dim);

  --accent: var(--howland-primary);
  --accent-strong: var(--howland-primary-deep);
  --accent-alt: var(--howland-beak);
  /* A wash on a NAVY surface is a raised surface, not a pale tint — see ROLES.md. This is the
     nearest existing brand token; an accent-tinted wash would need one that does not exist. */
  --accent-wash: var(--howland-bg-element);

  --face-display: var(--howland-font-display);
  --face-text: var(--howland-font-body);
  --face-mono: var(--howland-font-mono);
}