/* ===========================================================================
   NOYAU CRÉATIF — BASE
   Light element resets + a handful of brand helper classes. Tokens only;
   no hard-coded values that aren't already in the system.
   =========================================================================== */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font: var(--text-body);
  color: var(--text-body);
  background: var(--surface-base);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: var(--or-300); color: var(--noir-900); }

/* Brand eyebrow — tracked uppercase sans label */
.nc-eyebrow {
  font: var(--text-eyebrow);
  text-transform: uppercase;
  letter-spacing: var(--track-eyebrow);
  color: var(--accent-strong);
}
.nc-eyebrow--on-dark { color: var(--or-500); }

/* Display heading shorthand */
.nc-display { font: var(--text-display-md); letter-spacing: var(--track-tight); color: var(--text-strong); margin: 0; }

/* A gold hairline divider with a centred dot — a brand motif */
.nc-rule {
  border: 0;
  height: 1px;
  background: var(--border-default);
}

/* Paper-grain + twilight panel helper */
.nc-twilight {
  background: var(--grad-twilight);
  color: var(--text-on-dark);
}

/* Readable prose measure */
.nc-prose { max-width: 64ch; }
.nc-prose p { margin: 0 0 1em; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}