1. Overrided Tailwind Classes

For any kind of overwrite in shadow,border-radius,font-sizes,and declare color variables write here : src/app/css/globals.css

                            
@theme {
  --shadow-md: 0px 2px 4px -1px rgba(175, 182, 201, 0.2);
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --shadow-dark-md:
    rgba(145, 158, 171, 0.3) 0px 0px 2px 0px,
    rgba(145, 158, 171, 0.02) 0px 12px 24px -4px;
  --shadow-sm: 0 6px 24.2px -10px rgba(41, 52, 61, 0.22);
  --shadow-btn-shadow: box-shadow: rgba(0, 0, 0, 0.05) 0 9px 17.5px;
  --shadow-tw: rgba(175, 182, 201, 0.2) 0px 2px 4px -1px;
  --shadow-btnshdw: 0 17px 20px -8px rgba(77, 91, 236, 0.231372549);
  --shadow-elevation1: 0px 12px 30px -2px rgba(58, 75, 116, 0.14);
  --shadow-elevation2: 0px 24px 24px -12px rgba(0, 0, 0, 0.05);
  --shadow-elevation3: 0px 24px 24px -12px rgba(99, 91, 255, 0.15);
  --shadow-elevation4: 0px 12px 12px -6px rgba(0, 0, 0, 0.15);

  --radius-sm: 6px;
  --radius-md: 9px;
  --radius-lg: 24px;
  --radius-tw: 12px;
  --radius-bb: 20px;

  --tracking-tightest: -0.075em;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 1.5px;

  --gap-30: 30px;

  --padding-30: 30px;

  --margin-30: 30px;

  --text-13: 13px;
  --text-15: 15px;
  --text-17: 17px;
  --text-22: 22px;
  --text-28: 28px;
  --text-34: 34px;
  --text-40: 40px;
  --text-44: 44px;
  --text-50: 50px;
  --text-56: 56px;
  --text-64: 64px;

  --color-cyan-500: var(--color-primary);
  --color-cyan-600: var(--color-primary);
  --color-cyan-700: var(--color-primary);

  --color-primary: var(--color-primary);
  --color-secondary: var(--color-secondary);
  --color-info: var(--color-info);
  --color-success: var(--color-success);
  --color-warning: var(--color-warning);
  --color-error: var(--color-error);
  --color-lightprimary: var(--color-lightprimary);
  --color-lightsecondary: var(--color-lightsecondary);
  --color-lightsuccess: var(--color-lightsuccess);
  --color-lighterror: var(--color-lighterror);
  --color-lightinfo: var(--color-lightinfo);
  --color-lightwarning: var(--color-lightwarning);
  --color-border: var(--color-border);
  --color-bordergray: var(--color-bordergray);
  --color-lightgray: var(--color-lightgray);
  --color-muted: var(--color-muted);
  --color-lighthover: var(--color-lighthover);
  --color-surface: var(--color-surface-ld);
  --color-sky: var(--color-sky);
  --color-bodytext: var(--color-bodytext);
  --color-dark: var(--color-dark);
  --color-link: var(--color-link);
  --color-darklink: var(--color-darklink);
  --color-darkborder: var(--color-darkborder);
  --color-darkgray: var(--color-darkgray);
  --color-primaryemphasis: var(--color-primary-emphasis);
  --color-secondaryemphasis: var(--color-secondary-emphasis);
  --color-warningemphasis: var(--color-warning-emphasis);
  --color-erroremphasis: var(--color-error-emphasis);
  --color-successemphasis: var(--color-success-emphasis);
  --color-infoemphasis: var(--color-info-emphasis);
  --color-darkmuted: var(--color-darkmuted);
}