/* Slowmotion ADV — palette. Black + white are the structure. Yellow is the signal. */
:root {
  /* Core */
  --sm-black: #000000;
  --sm-white: #ffffff;

  /* Ink ramp — near-blacks for stacked surfaces inside inverted sections */
  --sm-ink-900: #000000;
  --sm-ink-800: #0d0d0d;
  --sm-ink-700: #161616;
  --sm-ink-600: #1f1f1f;

  /* Neutral ramp — greys are structural only, never decorative */
  --sm-grey-700: #4d4d4d;
  --sm-grey-500: #808080;
  --sm-grey-400: #a6a6a6;
  --sm-grey-300: #cccccc;
  --sm-grey-200: #e0e0e0;
  --sm-grey-100: #f0f0f0;
  --sm-grey-050: #f7f7f7;

  /* Signal yellow — the single brand accent */
  --sm-yellow: #ffe500;
  --sm-yellow-press: #d9c300;
  --sm-yellow-tint: #fff9b8;

  /* System colours. UI feedback only — never brand decoration. */
  --sm-red: #ff2d16;
  --sm-green: #00c775;
  --sm-blue: #0047ff;
}