/* ==========================================================================
   tokens — a listening room: pine-black, cream, one signal, one peak
   ==========================================================================

   Every other build in this studio runs a strict one-accent rule. This one
   has two, and the second is earned rather than chosen: --peak appears only
   above a level threshold, exactly the way it does on a real meter. Green
   means signal, amber means you are close to clipping. If you find yourself
   using --peak for a heading or a link, the rule has been broken and the
   meter stops meaning anything.
   ========================================================================== */

:root {
  /* ground */
  --pitch:    #0e1512;
  --pitch-2:  #131c18;
  --pitch-3:  #1a2620;

  /* type */
  --cream:    #f1eee4;
  --cream-2:  rgba(241, 238, 228, 0.66);
  --cream-3:  rgba(241, 238, 228, 0.42);
  --cream-4:  rgba(241, 238, 228, 0.22);
  --line:     rgba(241, 238, 228, 0.13);
  --line-2:   rgba(241, 238, 228, 0.26);

  /* signal */
  --signal:   #d8ff3f;
  --signal-2: rgba(216, 255, 63, 0.5);
  --signal-3: rgba(216, 255, 63, 0.13);

  /* peak — above threshold only */
  --peak:     #ff7a45;

  /* type stacks */
  --f-display: "Syne", system-ui, sans-serif;
  --f-body:    "Familjen Grotesk", system-ui, sans-serif;
  --f-mono:    "Chivo Mono", ui-monospace, monospace;

  --t-hero: clamp(2.7rem, 9.4vw, 10.5rem);
  --t-h2:   clamp(1.9rem, 5.2vw, 4.6rem);
  --t-h3:   clamp(1.25rem, 2.4vw, 2rem);
  --t-body: clamp(1rem, 1.1vw, 1.2rem);
  --t-lead: clamp(1.15rem, 1.8vw, 1.65rem);
  --t-meta: clamp(0.64rem, 0.74vw, 0.75rem);

  /* rhythm */
  --gut: clamp(1.1rem, 3.4vw, 3.2rem);
  --sec: clamp(5rem, 15vh, 12rem);

  /* Named for what they are: an envelope. --attack is fast in and slow to
     settle, for anything that should feel struck. --release is the long
     symmetrical one, for anything that should feel let go of. */
  --attack:  cubic-bezier(0.16, 1.06, 0.24, 1);
  --release: cubic-bezier(0.62, 0, 0.24, 1);
  --linear:  linear;
}