/* ============================================================
   MDS Digital Media — Design Tokens & Reset
   ============================================================ */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  /* Colours */
  --ink:         #0A0A0F;
  --ink-60:      rgba(10,10,15,0.6);
  --ink-20:      rgba(10,10,15,0.12);
  --paper:       #F5F3EE;
  --paper-dark:  #ECEAE3;
  --accent:      #1A1AFF;
  --accent-light:#E8E8FF;
  --teal:        #00B896;
  --teal-light:  #E0FAF4;
  --warm:        #FF5C2B;
  --warm-light:  #FFF0EB;

  /* Typography */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  background: var(--paper);
  color: var(--ink);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}