@import url("clash-display.css");
@import url("satoshi.css");
/*
font-family: ClashDisplay-Extralight;
font-family: ClashDisplay-Light;
font-family: ClashDisplay-Regular;
font-family: ClashDisplay-Medium;
font-family: ClashDisplay-Semibold;
font-family: ClashDisplay-Bold;
font-family: ClashDisplay-Variable;

font-family: Satoshi-Light;
font-family: Satoshi-LightItalic;
font-family: Satoshi-Regular;
font-family: Satoshi-Italic;
font-family: Satoshi-Medium;
font-family: Satoshi-MediumItalic;
font-family: Satoshi-Bold;
font-family: Satoshi-BoldItalic;
font-family: Satoshi-Black;
font-family: Satoshi-BlackItalic;
font-family: Satoshi-Variable;
font-family: Satoshi-VariableItalic;
*/

:root {
  --T111-black: rgba(35, 35, 35, 1);
  --T111-black-opacity: rgba(35, 35, 35, 0.2);
  --T111-white: rgba(248, 248, 248, 1);
  --T111-white-opacity: rgba(255, 255, 255, 0.2);
  --T111-gray: rgba(29, 29, 29, 1);
  --T111-yellow: rgba(228, 191, 0, 1);
  --T111-regular-light-font: "Satoshi-Light;";
  --T111-regular-light-italic-font: "Satoshi-LightItalic";
  --T111-regular-font: "Satoshi-Regular";
  --T111-regular-italic-font: "Satoshi-Italic";
  --T111-medium-font: "Satoshi-Medium";
  --T111-medium-italic-font: "Satoshi-MediumItalic";
  --T111-bold-font: "Satoshi-Bold";
  --T111-bold--italic-font: "Satoshi-BoldItalic";
  --T111-black-font: "Satoshi-Black";
  --T111-black-italic-font: "Satoshi-BlackItalic";
  --T111-black-variable-font: "Satoshi-Variable";
  --T111-black-variable-italic-font: "Satoshi-VariableItalic";
  --T111-title-extraLight-font: "ClashDisplay-Extralight";
  --T111-title-light-font: "ClashDisplay-Light";
  --T111-title-regular-font: "ClashDisplay-Regular";
  --T111-title-medium-font: "ClashDisplay-Medium";
  --T111-title-semibold-font: "ClashDisplay-Semibold";
  --T111-title-bold-font: "ClashDisplay-Bold";
  --T111-title-font: "ClashDisplay-Variable";
  --T111-font-size-small: 12px;
  --T111-font-size-medium: 16px;
  --T111-font-size-large: 20px;
  --T111-font-size-xlarge: 24px;
  --T111-font-size-xxlarge: 28px;
  --T111-font-size-xxxlarge: 32px;
  --T111-font-size-xxxxlarge: 64px;
  --T111-font-weight-light: 300;
  --T111-font-weight-regular: 400;
  --T111-font-weight-medium: 500;
  --T111-font-weight-semibold: 600;
  --T111-font-weight-bold: 700;
  --T111-small-spacing: 8px;
  --T111-medium-spacing: 16px;
  --T111-large-spacing: 24px;
  --T111-xlarge-spacing: 32px;
  --T111-xxlarge-spacing: 40px;
  --T111-xxxlarge-spacing: 48px;
  --T111-xxxxlarge-spacing: 56px;
  --T111-xxxxxxlarge-spacing: 64px;
  --T111-border-radius-small: 8px;
  --T111-border-radius-medium: 12px;
  --T111-border-radius-large: 16px;
  --T111-border-radius-xlarge: 20px;
  --T111-border-radius-xxlarge: 24px;
  --T111-border-radius-xxxlarge: 28px;
}