:root {
  /* ===== Typography ===== */
  /* Headings */
  --font-family-title: "Antonio", Helvetica;
  --font-family-subtitle: "Dela Gothic One", Helvetica; 
  --font-family-body: "Fira Code", Helvetica; 

  /* Font Weight */
  --font-weight-bold: 600; 
  --font-weight-medium: 500; 
  --font-weight-regular: 400; 

  /* Font Size */
  --font-size-title: 58px; 
  --font-size-subtitle: 24px; 
  --font-size-largebody: 16px; 
  --font-size-body: 12px; 
  --font-size-mini: 10px; 

  /* Line Height */
  --line-height: normal; 

  /* Line Spacing */
  --line-spacing: 0px; 

  /* ===== Colors ===== */
  --color-bg: rgba(253, 251, 246, 1);
  --color-primary: rgba(212, 54, 54, 1);
  --color-text-primary: rgba(100, 12, 12, 1);
  --color-text-secondary: rgba(128, 105, 105, 1);

  /* ===== Spacing ===== */

  /* Spacing */
  --spacing-none: 0px; 
  --spacing-xxs: 3px; 
  --spacing-xs: 5px; 
  --spacing-s: 10px;
  --spacing-m: 15px;
  --spacing-l: 25px;
  --spacing-xl: 35px;
  --spacing-xxl: 65px;

  /* ===== Corner Radius ===== */
  --corner-radius-none: 0px; 
  --corner-radius-s: 5px;
  --corner-radius-l: 15px;
}