/* Aspen HR — design tokens */
:root {
  /* Colour */
  --forest:        #2E4A3B;
  --forest-tint:   #3B5C4B;
  --sage:          #A7B79A;
  --sage-dark:     #7E927A;
  --eucalyptus:    #DCE3D6;
  --eucalyptus-warm: #E7EBDF;
  --ivory:         #F6F4EF;
  --ivory-deep:    #EFEBE2;
  --stone:         #C7C2B6;
  --stone-dark:    #8C887E;
  --charcoal:      #333333;
  --charcoal-soft: #4A4A47;

  /* Type */
  --serif:  "Cormorant Garamond", "Garamond", "Times New Roman", serif;
  --sans:   "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Accent: defaulted to in-family italic Cormorant. Variants A-E shown in §04. */
  --accent: "Cormorant Garamond", serif;

  /* Radius */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 16px;
  --r-pill: 9999px;

  /* Elevation */
  --shadow-1: 0 1px 2px rgba(46,74,59,.05), 0 8px 24px -16px rgba(46,74,59,.10);
  --shadow-2: 0 2px 6px rgba(46,74,59,.06), 0 16px 40px -20px rgba(46,74,59,.16);
  --shadow-3: 0 6px 12px rgba(46,74,59,.08), 0 28px 56px -24px rgba(46,74,59,.20);

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur-1: 160ms;
  --dur-2: 280ms;
  --dur-3: 520ms;

  /* Layout */
  --page-max: 1200px;
  --read-max: 720px;
  --side-w: 260px;
}