/* ============================================================
   AUREN STUDIO — design tokens
   ============================================================ */

:root {
  /* ---- environment ---- */
  --c-black:        #070808;
  --c-black-deep:   #030404;
  --c-ivory:        #F0EDE5;
  --c-ivory-warm:   #F3EDE0;
  --c-ivory-60:     rgba(240, 237, 229, 0.60);
  --c-ivory-38:     rgba(240, 237, 229, 0.38);
  --c-ivory-24:     rgba(240, 237, 229, 0.24);
  --c-gray:         #8C867A;

  /* ---- gold (restrained) ---- */
  --c-gold:         rgb(190, 145, 65);
  --c-gold-70:      rgba(190, 145, 65, 0.70);
  --c-gold-42:      rgba(190, 145, 65, 0.42);
  --c-gold-22:      rgba(190, 145, 65, 0.22);
  --c-gold-14:      rgba(190, 145, 65, 0.14);

  /* ---- architecture ---- */
  --hair:           rgba(255, 255, 255, 0.042);
  --hair-strong:    rgba(255, 255, 255, 0.058);
  --hair-gold:      rgba(190, 145, 65, 0.17);

  /* ---- type ---- */
  --ff-sans: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ff-serif: 'Instrument Serif', 'Times New Roman', Times, serif;

  --fs-hero: clamp(2.9rem, 6.5vw, 8.2rem);
  --lh-hero: 0.88;
  --ls-hero: -0.035em;

  --fs-micro: 0.625rem;   /* 10px  — micro details */
  --fs-label: 0.6875rem;  /* 11px  — nav, capabilities */
  --fs-cta:   0.75rem;    /* 12px  */
  --fs-project: clamp(3rem, 6vw, 7rem);
  --fs-studio: clamp(4.8rem, 8vw, 9rem);
  --fs-studio-answer: clamp(2.1rem, 4.2vw, 4.6rem);

  --ls-micro: 0.26em;
  --ls-label: 0.2em;

  /* ---- layout ---- */
  --gutter: clamp(20px, 4.2vw, 68px);
  --header-y: clamp(26px, 3.4vh, 42px);
  --foot-y: clamp(22px, 3.6vh, 40px);

  /* ---- motion ---- */
  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-hover: 450ms;
}

/* Registered so parallax offsets interpolate as real numbers
   and can be composed inside a single transform. */
@property --reveal { syntax: '<number>'; inherits: false; initial-value: 0; }
@property --sx { syntax: '<number>'; inherits: false; initial-value: 0; }
@property --sy { syntax: '<number>'; inherits: false; initial-value: 0; }
@property --px { syntax: '<number>'; inherits: false; initial-value: 0; }
@property --py { syntax: '<number>'; inherits: false; initial-value: 0; }