Family

:root {
  --color-dominant: #05b2fb;
  --color-surface: #62c3fb;
  --color-ink: #0c548c;
  --color-accent: #9b8457;
  --color-detail: #cfc7bd;
}

/* CSS variables exposed by source */
:root {
  --background-invalid: #fff0f0;
  --color-text: #343433;
  --color-invalid: #FF4E4E;
  --color-border: #E8E8E8;
  --color-primary: #343433;
  --color-warning: #F6C30F;
  --color-valid: #00C454;
  --background-warning: #fefae6;
  --color-anchor: #6187FE;
  --background-valid: rgba(0,196,84,0.1);
  --yellow: color(display-p3 1 0.7450980392156863 0.2980392156862745);
  --gold: color(display-p3 0.792156862745098 0.5725490196078431 0.18823529411764706);
  --green: color(display-p3 0.26666666666666666 0.7764705882352941 0.4980392156862745);
  --beige: color(display-p3 0.984313725490196 0.9803921568627451 0.9764705882352941);
  --body: color(display-p3 0.28627450980392155 0.26666666666666666 0.25098039215686274);
  --graphic-gold-alt: color(display-p3 1 0.6509803921568628 0.12549019607843137);
  --beige-dark: color(display-p3 0.9176470588235294 0.9176470588235294 0.9176470588235294);
  --graphic-black: color(display-p3 0.20392156862745098 0.20392156862745098 0.2);
  --graphic-gold: color(display-p3 0.9607843137254902 0.7058823529411765 0.25882352941176473);
  --heading: color(display-p3 0.20392156862745098 0.20392156862745098 0.2);
  --white: color(display-p3 1 1 1);
  --gray: color(display-p3 0.4549019607843137 0.4549019607843137 0.5176470588235295);
  --graphic-gray: color(display-p3 0.8862745098039215 0.8392156862745098 0.7725490196078432);
  --red: color(display-p3 0.9372549019607843 0.26666666666666666 0.26666666666666666);
  --orange-dark: color(display-p3 1 0.16862745098039217 0);
  --app-blue: color(display-p3 0.00392156862745098 0.5529411764705883 1);
  --graphic-yellow: color(display-p3 1 0.8117647058823529 0.4823529411764706);
  --twitter-blue: color(display-p3 0.20392156862745098 0.20392156862745098 0.2);
  --graphic-stone: color(display-p3 0.9490196078431372 0.9215686274509803 0.8784313725490196);
  --graphic-purple: color(display-p3 0.37254901960784315 0.36470588235294116 0.9058823529411765);
  --focus: color(display-p3 0.5176470588235295 0.5098039215686274 0.5058823529411764);
  --app-pink: color(display-p3 0.9764705882352941 0.4 0.6745098039215687);
  --graphic-orange: color(display-p3 1 0.3254901960784314 0.06274509803921569);
  --graphic-yellow-pale: color(display-p3 0.9647058823529412 0.9568627450980393 0.9372549019607843);
  --graphic-blue: color(display-p3 0.49019607843137253 0.7686274509803922 1);
  --purple: color(display-p3 0.5843137254901961 0.3254901960784314 0.9764705882352941);
  --graphic-blue-pale: color(display-p3 0.5568627450980392 0.8 1);
  --blue-light: color(display-p3 0.9333333333333333 0.984313725490196 0.9921568627450981);
  --graphic-blue-alt: color(display-p3 0.30196078431372547 0.6862745098039216 1);
  --pocket: color(display-p3 0.3215686274509804 0.796078431372549 0.34509803921568627);
  --graphic-outline: color(display-p3 0.6980392156862745 0.6549019607843137 0.6039215686274509);
  --body-muted: color(display-p3 0.5176470588235295 0.5098039215686274 0.5058823529411764);
  --blue: color(display-p3 0.21568627450980393 0.5176470588235295 0.9568627450980393);
  --gray-light: color(display-p3 0.9490196078431372 0.9411764705882353 0.9294117647058824);
  --graphic-blue-pale-alt: color(display-p3 0.42745098039215684 0.7411764705882353 1);
  --graphic-green: color(display-p3 0.26666666666666666 0.7764705882352941 0.4980392156862745);
  --app-green: color(display-p3 0.20392156862745098 0.7803921568627451 0.34901960784313724);
  --app-gray: color(display-p3 0.4549019607843137 0.4549019607843137 0.5176470588235295);
  --orange: color(display-p3 1 0.3254901960784314 0.06274509803921569);
}