:root {
    --light-typo-primary: #141414;
    --light-typo-secondary: #75787a;
    --light-typo-accent: #07f;
    --light-fill-ocean: #ebf0f5;
    --light-fill-island: #fff;
    --light-fill-accent: #07f;
    --light-fill-positive: #00b849;
    --light-fill-attention: #f80;
    --light-fill-warning: #f40;
    --light-stroke-stroke-primary: #b0b4b8;
    --dark-fill-ocean: #141414;
    --dark-fill-island: #272829;
    --dark-fill-accent: #07f;
    --dark-fill-positive: #00cc52;
    --dark-fill-attention: #f80;
    --dark-fill-warning: #f40;
    --dark-typo-primary: #fff;
    --dark-typo-secondary: #9da0a3;
    --dark-typo-accent: #07f;
    --dark-stroke-stroke: #626466;

    --font-family: "Euclid Circular A", sans-serif;
    --second-family: "SF Pro", sans-serif;
    --third-family: "SF Pro Display", sans-serif;
  }