/* ============================================================
   THE GC PRACTICE — DESIGN TOKENS
   Design revision 1.0

   This file is the design. Change a value here and it changes
   everywhere: website, invitation email, ticket, brochure.
   Do not put layout in this file. Layout lives in site.css.
   ============================================================ */

:root {
  /* --- Palette -------------------------------------------------
     Drawn from the materials of a Craven professional practice:
     millstone grit, laid paper, an aged brass door plate, and
     the oxblood of a wax seal used only on what is sent out. */

  --ink:        #14181C;   /* millstone — text, dark panels        */
  --ink-soft:   #262E35;   /* raised panel on ink                  */
  --grit:       #5A646D;   /* secondary text                       */
  --rule:       #D3D5D1;   /* hairlines and borders                */
  --stone:      #E4E5E1;   /* quiet panels                         */
  --paper:      #F2F3F1;   /* page — cool laid paper, not cream    */
  --brass:      #8C7134;   /* the door plate. The only accent.     */
  --brass-lit:  #C0A468;   /* brass on a dark ground               */
  --seal:       #6B2029;   /* oxblood. Sent items only: invitation,
                              ticket, brochure. Never navigation.  */
  --seal-lit:   #B04E58;   /* the same seal, legible on ink        */

  /* --- Type ----------------------------------------------------
     Libre Caslon for anything engraved: the English transitional
     roman a practice would have cut into a plate.
     Archivo for reading and for data.                            */

  --face-plate: "Libre Caslon Display", "Libre Caslon Text", Georgia, serif;
  --face-text:  "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --face-data:  "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --size-plate:   0.72rem;                              /* engraved labels */
  --size-fine:    0.82rem;
  --size-small:   0.92rem;
  --size-body:    clamp(1.02rem, 0.98rem + 0.2vw, 1.12rem);
  --size-lead:    clamp(1.16rem, 1.06rem + 0.5vw, 1.42rem);
  --size-h3:      clamp(1.24rem, 1.12rem + 0.6vw, 1.5rem);
  --size-h2:      clamp(1.7rem,  1.42rem + 1.4vw, 2.6rem);
  --size-h1:      clamp(2.5rem,  1.85rem + 3.3vw, 5.2rem);
  --size-figure:  clamp(2.2rem,  1.7rem + 2.4vw, 3.6rem);

  --track-plate: 0.24em;   /* the wide tracking of engraved capitals */
  --track-tight: -0.02em;

  --leading-tight: 1.08;
  --leading-head:  1.18;
  --leading-body:  1.62;

  /* --- Measure and rhythm ------------------------------------- */
  --measure:   36rem;      /* reading width — a document, not a page */
  --shell:     74rem;
  --rail:      15rem;      /* the left index rail                    */

  --gap-1: 0.4rem;
  --gap-2: 0.8rem;
  --gap-3: 1.4rem;
  --gap-4: 2.2rem;
  --gap-5: 3.4rem;
  --gap-6: 5rem;
  --gap-7: clamp(4.5rem, 3rem + 6vw, 8.5rem);   /* between sections */

  /* --- Detail --------------------------------------------------
     No rounded corners anywhere. A practice sets type on a
     rectangle; softness would be borrowed from somewhere else. */
  --radius: 0;
  --hair: 1px solid var(--rule);
  --hair-brass: 1px solid var(--brass);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 620ms;
}