:root {
  /* Colors */
  --color-bg: #232323;
  --color-surface: #1e1e1e;
  --color-card: rgba(255, 255, 255, .05);
  --color-text: #fff;
  --color-muted: #b4b4b4;
  --color-border: rgba(255, 255, 255, .08);
  --color-gold: #c39a67;
  --color-gold-light: #e1bb87;
  --color-link: #d0d0d0;
  --color-link-hover: #fff;

  /* Layout */
  --container: 1400px;
  --section-space: 3rem;
  --flow-section-indent: 2rem;
  /*
        --content-width: 620px;

  /* Radius */
  --radius-s: 5px;
  --radius-l: 12px;
  /*s: 12px
  --radius-m: 18px;
  --radius-l: 28px;*/

  /* Shadows */
  --shadow-soft: 5px 5px 10px rgba(0, 0, 0, .35);
  --shadow-hover: 5px 15px 15px rgba(0, 0, 0, .55);

  /* Motion */
  --transition-fast: .2s;
  --transition: .35s;
  /*
      --transition-slow: .7s;*/
  --font-size-normal: 1.22rem;
  --font-size-flow-h2: 2rem;
  --font-size-flow-h3: 1.6rem;
}