/* NaturePure Beauty: brand tokens (single source of truth for color, type, space, motion) */
:root {
  /* paper and ink */
  --paper: #F7F1EA;          /* ivory */
  --paper-2: #EFE6DB;        /* deeper ivory for bands */
  --paper-3: #E6D9CB;
  --ink: #2A1E1A;            /* cacao */
  --ink-2: #3A2B25;
  --ink-soft: #4A3A33;       /* secondary text on petal (AA) */
  --muted: #6E605A;          /* secondary text on ivory (AA 5.4:1) */
  --muted-dark: rgba(247, 241, 234, .72);

  /* pigments */
  --oxide: #A8432F;          /* iron-oxide red, the accent (AA on ivory 5.3:1) */
  --oxide-deep: #8C3524;
  --oxide-light: #E39A82;    /* accent on cacao (AA 7:1) */
  --sage: #8D9B82;
  --sage-deep: #56634D;      /* sage for text on ivory (AA 5.7:1) */
  --sage-pale: #DDE2D5;
  --petal: #E7C3B5;
  --petal-soft: #F1DDD3;
  --clay: #C98B74;

  /* 12-step skin tone scale (OKLCH ramp, neutral undertone), used by the shade tools */
  --tone-1: #F9E4D1;
  --tone-2: #EDD0B8;
  --tone-3: #E1BCA0;
  --tone-4: #D4A989;
  --tone-5: #C69774;
  --tone-6: #B78562;
  --tone-7: #A77452;
  --tone-8: #956445;
  --tone-9: #835539;
  --tone-10: #704730;
  --tone-11: #5C3A28;
  --tone-12: #492E21;

  /* lines */
  --line: rgba(42, 30, 26, .14);
  --line-strong: rgba(42, 30, 26, .3);
  --line-dark: rgba(247, 241, 234, .18);

  --focus: #A8432F;
  --selection-bg: #E7C3B5;
  --selection-fg: #2A1E1A;

  /* type */
  --font-serif: "Instrument Serif", "Iowan Old Style", "Times New Roman", serif;
  --font-sans: "Figtree", "Helvetica Neue", Arial, sans-serif;

  /* space */
  --maxw: 1480px;
  --gutter: clamp(20px, 5vw, 88px);
  --header-h: 108px;
  --header-slim: 64px;
  --section: clamp(112px, 13vw, 210px);

  /* motion */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-soft: cubic-bezier(.45, 0, .2, 1);
  --ease-drop: cubic-bezier(.34, 1.56, .64, 1);
}