/* ChrisMish.com semantic extension layer.
   Loaded after the unchanged ProDyn / Threadline canonical tokens.css.
   Every --cm-* role is documented here; components consume roles only. */
:root {
  /* Identity: archive-derived desert dusk, used for personal editorial warmth. */
  --cm-dusk: #D39168;
  --cm-dusk-deep: #7C3F2F;
  --cm-sand: #C7B8A4;
  --cm-night-violet: #292334;
  --cm-yucca-ink: rgba(5,10,15,.76);
  --cm-yucca-ink-deep: rgba(2,7,11,.92);
  --cm-image-dim: rgba(2,7,11,.34);

  /* Layer roles: deliberate hero depth, not general decoration. */
  --cm-atmo-warm: rgba(211,145,104,.18);
  --cm-atmo-cool: rgba(48,176,208,.12);
  --cm-atmo-faint: rgba(48,176,208,.055);
  --cm-glass: rgba(5,10,15,.62);
  --cm-glass-strong: rgba(5,10,15,.82);
  --cm-line-warm: rgba(211,145,104,.32);
  --cm-line-signal: rgba(48,176,208,.28);

  /* Personal display roles and long-form widths. */
  --cm-font-editorial: var(--pd-font-display);
  --cm-copy-measure: 66ch;
  --cm-quote-measure: 28ch;
  --cm-wide: 1280px;
  --cm-nav-h: 72px;

  /* Site spacing and square geometry extensions. */
  --cm-gutter: clamp(20px, 5vw, 72px);
  --cm-hero-min: 820px;
  --cm-rule: var(--bw-hairline) solid var(--pd-line);
  --cm-rule-signal: var(--bw-hairline) solid var(--cm-line-signal);
  --cm-rule-warm: var(--bw-hairline) solid var(--cm-line-warm);

  /* Motion budget: M2 telemetry scan, M3 particle drift, M10 substrate only. */
  --cm-scan-time: 9s;
  --cm-drift-time: 24s;
  --cm-reveal-time: var(--t-slow);
  --cm-motion-distance: 16px;

  /* Visibility tiers: professional → archive/sign-off. */
  --cm-tier-primary: 1;
  --cm-tier-support: .74;
  --cm-tier-personal: .58;
  --cm-tier-archive: .44;

  /* Venture accents; subordinate narrow rules only. */
  --cm-venture-commercial: var(--pd-signal);
  --cm-venture-ai: var(--pd-spark);
  --cm-venture-hosting: var(--pd-ok);
  --cm-venture-initiative: var(--cm-dusk);

  /* Image positions, treated as semantic crop choices. */
  --cm-hero-position: 58% center;
  --cm-meter-position: center 46%;

  /* Archive/sign-off treatment. */
  --cm-signoff-field: var(--pd-void);
  --cm-signoff-ink: var(--pd-ivory-muted);
  --cm-signoff-label: var(--cm-dusk);
}

@media (max-width: 767px) {
  :root {
    --cm-hero-min: 760px;
    --cm-hero-position: 64% center;
    --cm-nav-h: 64px;
  }
}