/*
 * Sandrine Gluck
 * Canonical design tokens
 */

:root {

  /* Colors */
  --sg-black: #000000;
  --sg-white: #ffffff;
  --sg-beige: #b3a18a;
  --sg-charcoal: #414141;
  --sg-text-medium: #626262;
  --sg-text-light: #cccccc;
  --sg-offwhite: #fbf4ea;

  /* Layout */
  --sg-container: 1140px;

  --sg-gutter-desktop: 24px;
  --sg-gutter-tablet: 20px;
  --sg-gutter-mobile: 16px;

  /* Spacing scale */
  --sg-space-1: 8px;
  --sg-space-2: 16px;
  --sg-space-3: 24px;
  --sg-space-4: 32px;
  --sg-space-5: 48px;
  --sg-space-6: 64px;
  --sg-space-7: 80px;
  --sg-space-8: 96px;

  /* Typography */
  --sg-font-family: "Raleway", sans-serif;

  --sg-body-size: 17px;
  --sg-body-line: 28px;

  --sg-display-size: 72px;
  --sg-section-size: 54px;
  --sg-block-size: 32px;
  --sg-card-size: 26px;

  --sg-button-size: 16px;
  --sg-button-line: 1.2;

  /* Motion */
  --sg-transition-fast: 180ms;
}