:root {
  // font family declaration
  --td-ff-body: "Urbanist", serif;
  --td-ff-heading: "Tomorrow", serif;
  --td-ff-fontawesome: "Font Awesome 6 Pro";

  // color declaration

  // Common Color
  --td-white: hsl(0, 0%, 100%);
  --td-always-white: hsl(0, 0%, 100%);
  --td-black: hsl(0, 0%, 0%);
  --td-black-alt: #030303;
  --td-placeholder: hsla(0, 0%, 0%, 0.5);
  --td-selection: hsl(0, 0%, 0%);

  // Heading Color
  --td-heading: #ffffff;

  // Theme Color
  --td-primary: #6C73FF;
  --td-primary-alt: #6C73FF;

  // Text Color
  --td-text-primary: rgba(255,255,255,0.7);

  // Border Color
  --td-border-primary: #eaeaea;

  // Others Color
  --td-yellow: #ffa336;
  --td-warning: #FFA336;
  --td-success: #00a67e;
  --td-danger: #d14249;
  --td-green: #80ED99;
  --td-pale-cornflower-blue: #B7D3FF;

  //font weight declaration
  --td-fw-normal: normal;
  --td-fw-thin: 100;
  --td-fw-elight: 200;
  --td-fw-light: 300;
  --td-fw-regular: 400;
  --td-fw-medium: 500;
  --td-fw-sbold: 600;
  --td-fw-bold: 700;
  --td-fw-ebold: 800;
  --td-fw-black: 900;

  // font size declaration
  --td-fs-body: 16px;
  --td-fs-p: 16px;
  --td-fs-h1: 52px;
  --td-fs-h2: 42px;
  --td-fs-h3: 32px;
  --td-fs-h4: 24px;
  --td-fs-h5: 20px;
  --td-fs-h6: 16px;
}