/* MUSAI — design tokens. Nouv-Sans body + Iptex System (ALL CAPS) for display/labels. */

/* Body — Nouv-Sans (the readable NOUV house grotesque) */
@font-face {
  font-family: "Nouv-Sans";
  src: url("../assets/fonts/nouv-sans.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
/* Display / labels — Iptex System. ALWAYS set in uppercase. */
@font-face {
  font-family: "Iptex System";
  src: url("../assets/fonts/iptex-regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Iptex System";
  src: url("../assets/fonts/iptex-medium.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Iptex System";
  src: url("../assets/fonts/iptex-semibold.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  /* light palette */
  --paper:   #FFFFFF;
  --paper-2: #F4F4F2;
  --ink:     #0E0E0E;
  --ink-2:   #5C5C5A;
  --mid:     #8A8A86;
  --hair:      rgba(14,14,14,0.14);
  --hair-soft: rgba(14,14,14,0.07);

  /* fonts */
  --sans: "Nouv-Sans", "Helvetica Neue", Arial, sans-serif;       /* body — readable */
  --display: "Iptex System", "Helvetica Neue", Arial, sans-serif; /* headings — ALL CAPS */
  --mono: "Iptex System", "Helvetica Neue", Arial, sans-serif;    /* labels — ALL CAPS (alias) */

  --text-display: clamp(2.2rem, 1.2rem + 4.2vw, 5rem);
  --text-h2:   clamp(1.35rem, 1rem + 1.6vw, 2.1rem);
  --text-h3:   clamp(1.02rem, 0.9rem + 0.6vw, 1.3rem);
  --text-body: clamp(0.88rem, 0.84rem + 0.18vw, 0.96rem);
  --text-label: 0.68rem;
  --weight-body: 300;

  --track-label: 0.18em;
  --track-head: 0.04em;

  --space-section: clamp(4rem, 3rem + 6vw, 9rem);
  --gutter: clamp(1.15rem, 0.4rem + 3.5vw, 3.25rem);
  --maxw: 1440px;

  --dur: 720ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --radius: 2px;
}

[data-theme="dark"] {
  --paper:   #0B0B0B;
  --paper-2: #161616;
  --ink:     #F2F2F2;
  --ink-2:   #B7B7B4;
  --mid:     #7C7C78;
  --hair:      rgba(242,242,242,0.16);
  --hair-soft: rgba(242,242,242,0.08);
}