/* ============================================================
   brand.css - GENERATED FILE. Do not edit by hand.
   Source: foundation/inputs/test-b.brand.psd1
   Generator: foundation/build/Build-Site.ps1

   docs/06 TD-2: Brand assigns values to Semantic tokens.
   It is loaded after tokens.css and overrides the semantic
   defaults defined there. It never introduces new token names,
   and components never read this file directly.
   Brand id: tsugime
   ============================================================ */

:root {

  /* surfaces */
  --color-surface: #f2f4f6;
  --color-surface-raised: #ffffff;
  --color-surface-sunken: #e4e8ec;
  --color-inverse-surface: #0f161d;

  /* text */
  --color-text: #14181d;
  --color-text-muted: #4e5862;
  --color-inverse-text: #e9eef3;
  --color-inverse-muted: #93a3b0;

  /* rules */
  --color-rule: #c9d0d7;
  --color-rule-strong: #14181d;
  --color-inverse-rule: #24303b;

  /* interaction (single accent) */
  --color-accent: #8a4a00;
  --color-accent-text: #ffffff;
  --color-accent-on-inverse: #f0a94b;
  --color-focus: #8a4a00;
  --color-focus-inverse: #f0a94b;

  /* typography */
  --font-heading: "Yu Gothic UI", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-body: "Yu Gothic UI", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-numeric: ui-monospace, "SFMono-Regular", Consolas, "Courier New", monospace;
  --font-heading-weight: 700;
  --tracking-heading: 0.005em;
  --tracking-body: 0.01em;

  /* motion */
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-reveal: 420ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --reveal-shift: 10px;

  /* shape */
  --radius-control: var(--p-radius-2);
  --border-hairline: 1px;

  /* layout */
  --layout-max: 80rem;
  --layout-measure: 34em;
  --space-gutter: clamp(1.25rem, 0.75rem + 2vw, 3.5rem);

  /* MODE 2 - system state (console surface) */
  --color-console: #131b23;
  --color-console-raised: #1a242e;
  --color-console-track: #26323d;
  --color-state-idle: #9fb1bd;
  --color-state-active: #6fcfc2;
  --color-state-hold: #f0b45c;
  --color-state-done: #8ed48c;
  --color-state-over: #ff9384;
}