[data-theme="theme_T1"] {
  /* ====================================== */    
  /*              Brand-Primary             */
  /* ====================================== */
  --Brand-Primary-Primary: #07294e;
  --Brand-Primary-secondary: #07407f;
  --Brand-Primary-Success-Accent: #7896b7;
  --Brand-Primary-text-primary: #ffffff;
  --Brand-Primary-text-secondary: rgba(255, 255, 255, 0.7);  /* 70% alpha */
  --Brand-Primary-text-Success-Accent-2: rgba(255, 255, 255, 0.35);  /* 35% alpha */
  /* ====================================== */
  /*               Foreground               */
  /* ====================================== */
  --Foreground-primary: #000000;
  --Foreground-secondary: rgba(0, 0, 0, 0.7);  /* 70% alpha */
  --Foreground-tertiary: rgba(0, 0, 0, 0.35);  /* 35% alpha */
  /* ====================================== */
  /*                Container               */
  /* ====================================== */
  --Container-background: #f3f3f7;
  --Container-background-secondary: rgba(243, 243, 247, 0.7);  /* 70% alpha */
  --Container-background-tertiary: rgba(28, 28, 32, 0.1);  /* 10% alpha */
  --Container-border-divider: #e1e1e6;
  /* ====================================== */
  /*               Background               */
  /* ====================================== */
  --Background-primary: #ffffff;
  --Background-secondary: rgba(255, 255, 255, 0.1);  /* 10% alpha */
  --Background-tertiary: rgba(0, 0, 0, 0.05);  /* 5% alpha */
  /* ====================================== */
  /*                  Button                */
  /* ====================================== */
  --Button-White: #ffffff;
  --Button-Black: #000000;
  --Button-normal: #007aff;
  --Button-hover: #00336b;
  --Button-inactive: rgba(0, 0, 0, 0.2);  /* 20% alpha */
  --Button-red: #e8362c;
  --Button-yellow: #ffcc00;
  --Button-orange: #ff9500;
  --Button-green: #34c759;
  --Button-mint: #00c7be;
  --Button-teal: #30b0c7;
  --Button-cyan: #32ade6;
  --Button-blue: #007aff;
  --Button-indigo: #5856d6;
  --Button-purple: #af52de;
  /* ====================================== */
  /*                Primitive               */
  /* ====================================== */
  --Primitive-black: #000000;
  --Primitive-black-a10: rgba(0, 0, 0, 0.1); /* 10% alpha */
  --Primitive-black-a20: rgba(0, 0, 0, 0.2); /* 20% alpha */
  --Primitive-black-a30: rgba(0, 0, 0, 0.3); /* 30% alpha */
  --Primitive-black-a40: rgba(0, 0, 0, 0.4); /* 40% alpha */
  --Primitive-black-a50: rgba(0, 0, 0, 0.5); /* 50% alpha */
  --Primitive-black-a60: rgba(0, 0, 0, 0.6); /* 60% alpha */
  --Primitive-black-a70: rgba(0, 0, 0, 0.7); /* 70% alpha */
  --Primitive-black-a80: rgba(0, 0, 0, 0.8); /* 80% alpha */
  --Primitive-black-a90: rgba(0, 0, 0, 0.9); /* 90% alpha */

  --Primitive-white: #ffffff;
  --Primitive-white-a10: rgba(255, 255, 255, 0.1); /* 10% alpha */
  --Primitive-white-a20: rgba(255, 255, 255, 0.2); /* 20% alpha */
  --Primitive-white-a30: rgba(255, 255, 255, 0.3); /* 30% alpha */
  --Primitive-white-a40: rgba(255, 255, 255, 0.4); /* 40% alpha */
  --Primitive-white-a50: rgba(255, 255, 255, 0.5); /* 50% alpha */
  --Primitive-white-a60: rgba(255, 255, 255, 0.6); /* 60% alpha */
  --Primitive-white-a70: rgba(255, 255, 255, 0.7); /* 70% alpha */
  --Primitive-white-a80: rgba(255, 255, 255, 0.8); /* 80% alpha */
  --Primitive-white-a90: rgba(255, 255, 255, 0.9); /* 90% alpha */
  /* ====================================== */
  /*             Spacing / Gap              */
  /* ====================================== */
  --Gap-gap-xs: 4px;
  --Gap-gap-sm: 8px;
  --Gap-gap-sm-plus: 12px;
  --Gap-gap-md: 16px;
  --Gap-gap-md-plus: 20px;
  --Gap-gap-lg: 24px;
  --Gap-gap-lg-plus: 32px;
  --Gap-gap-xl: 56px;
  --Gap-gap-xl-plus: 64px;
  --Gap-gap-xxl: 80px;
  --Gap-gap-xxl-plus: 96px;
  /* ====================================== */
  /*           Spacing / Padding            */
  /* ====================================== */
  --Padding-padding-xs: 4px;
  --Padding-padding-sm: 8px;
  --Padding-padding-sm-plus: 12px;
  --Padding-padding-md: 16px;
  --Padding-padding-md-plus: 20px;
  --Padding-padding-lg: 24px;
  --Padding-padding-xl: 32px;
  --Padding-padding-xl-plus: 56px;
  /* ====================================== */
  /*        Spacing / Corner-radius         */
  /* ====================================== */
  --Corner-radius-border-radius-sm: 0px;
  --Corner-radius-border-radius-md: 0px;
  --Corner-radius-border-radius-lg: 0px;
  --Corner-radius-border-radius-xl: 0px;
  /* ====================================== */
  /*                Font-type               */
  /* ====================================== */
  --Font-type-font-primary: "Playfair Display";
  --Font-type-font-secondary: "Inter";
  /* ====================================== */
  /*                Font-size               */
  /* ====================================== */
  --Font-size-heading-1: 60px;
  --Font-size-heading-2: 50px;
  --Font-size-heading-3: 40px;
  --Font-size-heading-4: 30px;
  --Font-size-heading-5: 24px;
  --Font-size-headline: 20px;
  --Font-size-body-large: 18px;
  --Font-size-body: 16px;
  --Font-size-footnote: 14px;
  --Font-size-caption: 13px;
  --Font-size-small: 12px;
  /* ====================================== */
  /*               Font-Line-height         */
  /* ====================================== */
  --Line-height-heading-1: 60px;
  --Line-height-heading-2: 50px;
  --Line-height-heading-3: 40px;
  --Line-height-heading-4: 30px;
  --Line-height-heading-5: 24px;
  --Line-height-headline: 20px;
  --Line-height-body-large: 18px;
  --Line-height-body: 16px;
  --Line-height-footnote: 14px;
  --Line-height-caption: 13px;
  --Line-height-small: 12px;
}