:root {
  /* Backgrounds */
  --bg:        #0c0a14;
  --bg2:       #15111f;

  /* Ink (text) */
  --ink:       #f2eede;
  --inkDim:    #b9b3a1;

  /* Pop palette */
  --hot:       #ff2e63;
  --teal:      #00d4c4;
  --yellow:    #ffd23f;
  --purple:    #a259ff;

  /* Spacing */
  --container-max: 1280px;
  --container-px:  28px;
  --section-py:    90px;
  --gap-base:      20px;

  /* Borders */
  --border-panel:  3px solid var(--ink);
  --border-hot:    3px solid var(--hot);

  /* Shadows — solid offset only, never blur */
  --shadow-panel:  6px 6px 0 var(--ink);
  --shadow-hot:    6px 6px 0 var(--hot);
  --shadow-sm:     3px 3px 0 var(--ink);
  --shadow-sm-hot: 3px 3px 0 var(--hot);

  /* Z-index scale */
  --z-halftone: 1;
  --z-content:  2;
  --z-sticky:   50;
  --z-modal:    100;
}