/* =====================================================
   ACC DESIGN TOKENS
   Source of truth: /References/design-system-v1.0.html
   Colors and micro-spacing are PROVISIONAL pending real
   photography (see design system Section 15). Typography
   roles, layout philosophy, and motion values are LOCKED.
   Do not redefine these elsewhere — every stylesheet in
   /assets/css reads from this file.
===================================================== */

:root{

  /* ---- color — provisional ---- */
  --acc-bg:        #F7F4EC;  /* warm white — primary canvas */
  --acc-paper:      #F1E9DA;  /* secondary canvas */
  --acc-charcoal:   #2B2823;  /* primary text */
  --acc-ink:        #15110C;  /* deep contrast */
  --acc-stone:      #948A7A;  /* secondary information / placeholder fill */
  --acc-stone-line: rgba(148,138,122,.35);

  /* on-dark equivalents, derived from --acc-bg / --acc-ink */
  --acc-bg-rgb: 247,244,236;
  --acc-ink-rgb: 21,17,12;

  /* ---- typography — roles locked ---- */
  --font-wordmark: 'Montserrat', sans-serif;                         /* identity — wordmark only */
  --font-primary:  'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* communication — headings, body, quotes */
  --font-accent:   'Space Mono', monospace;                          /* information — nav, metadata, labels, CTAs */

  /* type scale */
  --type-display:    clamp(2rem, 4.5vw, 3.25rem);
  --type-h1:         clamp(1.7rem, 3.6vw, 2.4rem);
  --type-h2:         clamp(1.3rem, 2.6vw, 1.85rem);
  --type-h3:         clamp(1.05rem, 1.7vw, 1.3rem);
  --type-body-large: 16px;
  --type-body:       15.5px;
  --type-body-small: 13.5px;
  --type-label:      11.5px;
  --type-metadata:   11px;
  --type-cta:        11px;

  /* ---- layout — micro-spacing provisional ---- */
  --max-content-width: 1440px;
  --margin:          clamp(22px, 5.5vw, 88px);
  --gutter:          clamp(14px, 1.8vw, 24px);
  --section-spacing: clamp(56px, 7.5vw, 110px);
  --content-spacing: clamp(20px, 3vw, 40px);
  --header-h:        clamp(64px, 7vw, 84px);

  /* ---- motion ---- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --transition-fast:     .3s;
  --transition-standard: .5s;
  --transition-slow:     1.2s;
}

/* =====================================================
   AVENIR WEBFONT — isolated so a licensed file can be
   dropped in without touching any other stylesheet.
   Until then, --font-primary falls back honestly to the
   system sans stack rather than substituting another
   typeface under Avenir's name.
===================================================== */
/*
@font-face{
  font-family:'Avenir';
  src: url('/assets/fonts/avenir-book.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Avenir';
  src: url('/assets/fonts/avenir-heavy.woff2') format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
*/