/* Yhazrin brand tokens — the shared base every *.yhazrin.xyz surface loads.
   This file is the ONLY sanctioned source for colour, type, spacing, radius
   and motion values. Subsites may pick a tone (see docs/design/brand-system.md)
   but they may not invent a value here.

   Usage: @import url("/assets/brand-tokens.css"); in any static subsite,
   or link it from the Astro layout. */

:root {
  /* Type: Futura leads on Latin, PingFang carries Chinese. */
  --brand-display: Futura, "Futura PT", Jost, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", "Avenir Next", sans-serif;
  --brand-zh: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --brand-zh-display: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --brand-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  /* Warm paper base. */
  --brand-paper: #f6f5f1;
  --brand-card: #fffdf7;
  --brand-ink: #17181d;
  --brand-muted: #5d5a55;
  --brand-line: #17181d26;
  --brand-soft-line: #17181d14;

  /* Signal colours: state and clickability only, never large decoration. */
  --brand-coral: #ff6847;
  --brand-cobalt: #3b5bff;
  --brand-sun: #ffd43b;
  --brand-acid: #b9ed63;
  --brand-mint: #54b3b5;
  --brand-pink: #ff82bd;

  /* Locked tab values on the main site. Do not re-grade these. */
  --brand-tab-work: #ff4f9a;
  --brand-tab-github: #ffcc00;
  --brand-tab-blog: #54b3b5;
  --brand-tab-index: #ffffff;

  /* Spacing and radius: three radius values, 8-based spacing. */
  --brand-gutter: clamp(1.25rem, 2.4vw, 2.75rem);
  --brand-radius-card: 3.2rem;
  --brand-radius-panel: 25%;
  --brand-radius-chip: 50%;

  /* Two curves only: spring for press, ease for travel. */
  --brand-spring: cubic-bezier(.34, 1.56, .64, 1);
  --brand-ease: cubic-bezier(.22, 1, .36, 1);

  /* Type scale: big type gets negative tracking, small type gets positive. */
  --brand-step-display: clamp(3rem, 9vw, 11rem);
  --brand-step-title: clamp(2.4rem, 5vw, 5.5rem);
  --brand-step-sub: clamp(1.3rem, 2.2vw, 2.4rem);
  --brand-step-body: 1.05rem;
  --brand-step-label: .68rem;
  --brand-track-display: -.065em;
  --brand-track-title: -.055em;
  --brand-track-sub: -.04em;
  --brand-track-label: .035em;
}