/* ── VARIABLES ── */
/* Edit these to change the whole site at once */

:root {

  /* Colors */
  --color-black:   #111010;
  --color-white:   #ffffff;
  --color-gray:    #888888;
  --color-light:   #f5f5f3;
  --color-border:  #e0e0e0;

  /* Typography */
  --font-body:    'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Font sizes */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   18px;

  /* Spacing */
  --section-pad:    64px 32px;
  --section-pad-sm: 48px 24px;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;

  /* Transitions */
  --transition: 0.2s ease;

}