/* ==========================================================================
   tokens — indigo night, undyed cotton, one madder red
   ==========================================================================

   Same discipline as the atelier build, for the same reason:

     Interface   the indigo ground, undyed cotton for type, and ONE accent —
                 madder. Madder marks exactly one thing on this site: values
                 that were COMPUTED rather than chosen. The drawdown is
                 madder because nobody drew it.
     Material    the yarn colours, which live in draft.js beside the fibres
                 they name. They are dyestuffs, not palette decisions, and
                 they never appear in the interface.

   Indigo and madder are the two oldest dyes in Kachchh and they sit either
   side of the colour wheel, which is not a coincidence — weavers found that
   long before anyone drew a wheel.
   ========================================================================== */

:root {
  /* ground */
  --ink:    #14161f;
  --ink-2:  #1b1e29;
  --ink-3:  #232838;

  /* undyed cotton — the type colour */
  --thread:   #ece5d8;
  --thread-2: rgba(236, 229, 216, 0.66);
  --thread-3: rgba(236, 229, 216, 0.42);
  --thread-4: rgba(236, 229, 216, 0.22);
  --line:     rgba(236, 229, 216, 0.12);
  --line-2:   rgba(236, 229, 216, 0.26);

  /* the grids */
  --grid:   rgba(236, 229, 216, 0.14);
  --grid-2: rgba(236, 229, 216, 0.32);

  /* computed, never chosen */
  --madder:   #c1462f;
  --madder-2: rgba(193, 70, 47, 0.5);
  --madder-3: rgba(193, 70, 47, 0.14);

  /* type */
  --f-display: "Fraunces", Georgia, serif;
  --f-body:    "Karla", system-ui, sans-serif;
  --f-mono:    "Azeret Mono", ui-monospace, monospace;

  --t-hero: clamp(2.9rem, 9.6vw, 10.5rem);
  --t-h2:   clamp(2rem, 5.4vw, 4.8rem);
  --t-body: clamp(1rem, 1.1vw, 1.18rem);
  --t-lead: clamp(1.15rem, 1.75vw, 1.6rem);
  --t-meta: clamp(0.63rem, 0.72vw, 0.73rem);

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

  /* Named for the two motions of weaving. --throw is the shuttle: fast out,
     settling at the far side. --beat is the reed pushing the pick home:
     decisive, no overshoot, because a beat that bounces makes bad cloth. */
  --throw: cubic-bezier(0.16, 1, 0.3, 1);
  --beat:  cubic-bezier(0.7, 0, 0.3, 1);
}