:root {


  --color-bg:          #F7F6F2;
  --color-bg-2:        #F4EFE9;
  --color-surface:     #FDFCFA;
  --color-surface-2:   #FFFFFF;


  --color-relief:      #3A3340;
  --color-relief-deep: #2E2833;


  --color-bg-rgb:      247 246 242;
  --color-surface-rgb: 253 252 250;
  --color-scrim-rgb:   244 239 233;


  --color-accent-2:     #8E7B73;
  --color-accent-2-500: #7D6B63;
  --color-accent-2-700: #6B5A52;



  --color-accent:     #4E64A6;
  --color-accent-600: #455B99;
  --color-accent-300: #7B8FC9;


  --color-accent-200:   var(--color-accent-600);
  --color-accent-2-200: var(--color-accent-2-700);


  --color-text:       #2A2736;
  --color-text-muted: #4A4658;
  --color-text-dim:   #6E697F;



  --color-text-on-relief:       #F4F3F8;
  --color-text-on-relief-muted: #C6C1CE;
  --color-accent-on-relief:     #C3CCEE;
  --color-accent-2-on-relief:   #D8CCC4;

  --color-line:        rgba(142, 123, 115, 0.30);
  --color-line-relief: rgba(244, 243, 248, 0.16);



  --color-wash-lavender: #E6E1F5;
  --color-wash-rose:     #F6E6E6;
  --color-wash-sage:     #DCE8D6;
  --color-wash-mist:     #E6EEF2;



  --font-heading: 'Tenor Sans', 'Optima', Candara, 'Gill Sans', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-script: 'Parisienne', 'Snell Roundhand', cursive;


  --step--1: clamp(0.78rem, 0.76rem + 0.10vw, 0.84rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.18vw, 1.10rem);
  --step-1:  clamp(1.20rem, 1.12rem + 0.38vw, 1.44rem);
  --step-2:  clamp(1.55rem, 1.38rem + 0.82vw, 2.10rem);
  --step-3:  clamp(2.05rem, 1.70rem + 1.70vw, 3.20rem);
  --step-4:  clamp(2.70rem, 2.00rem + 3.40vw, 5.00rem);
  --step-5:  clamp(3.40rem, 2.20rem + 5.80vw, 7.20rem);


  --track-display: 0.01em;
  --track-label:    0.30em;
  --track-nav:      0.14em;
  --track-btn:      0.18em;


  --space-1: 0.5rem;  --space-2: 0.75rem; --space-3: 1rem;    --space-4: 1.5rem;
  --space-5: 2rem;    --space-6: 3rem;    --space-7: 4.5rem;  --space-8: 7rem;
  --space-9: 10rem;
  --measure: 62ch;
  --gutter: clamp(1.25rem, 5vw, 5rem);
  --maxw: 1280px;


  --radius: 6px;
  --radius-lg: 14px;



  --art-faint: 0.13;
  --art-soft:  0.16;
  --art-max:   0.25;


  --art-ghost: 0.15;


  --art-wash-soft: 0.30;
  --art-wash-max:  0.42;



  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur: 420ms;
  --dur-slow: 900ms;
}