/* THE SQUARE / DESIGN SYSTEM FOUNDATION v1.0
   Canonical brand tokens. Loaded before legacy styles; component migration is incremental.
   Core tokens below reproduce the approved v68 brand values. */
:root {
  --sq-color-paper: #EFEEE8;
  --sq-color-black: #000000;
  --sq-color-red: #EF0606;
  --sq-font-interface: Inter, "Helvetica Neue", Arial, sans-serif;
  --sq-font-display-fallback: Arial, Helvetica, sans-serif;
  --sq-font-brand: "Square Mark", SquareMark, Arial, sans-serif;
  --sq-font-brand-bold: "Square Mark Aligned", Arial, sans-serif;
  --sq-content-width: 1320px;
  --sq-focus-width: 2px;
  --sq-motion-fast: 200ms;
  --sq-motion-standard: 250ms;
  /* Future semantic values intentionally not forced onto existing pages. */
  --sq-color-ink-legacy-pages: #161616;
  --sq-color-ink-private: #141414;
  --sq-color-border-pages: #c9c6bf;
}