.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-start {
    justify-content: start;
}

.justify-end {
    justify-content: end;
}

.align-start {
    align-items: start;
}

.align-center {
    align-items: center;
}

.items-center {
    align-content: center;
}

.text-center {
    text-align: center;
}

.justify-center {
    justify-content: center;
}

.w-full {
    width: 100%;
}

.w-fit {
    width: fit-content;
}

.h-full {
    height: 100%;
}

.justify-between {
    justify-content: space-between;
}

.justify-evenly {
    justify-content: space-evenly;
}

.relative {
    position: relative;
}

.gap-4 {
    gap: 1rem;
}

.gap-8 {
    gap: 2rem;
}

.border-b-1 {
    border-bottom: 1px solid var(--border-main-dark);
}

.border-b-2 {
    border-bottom: 2px solid var(--border-main-dark);
}

.border-b-4 {
    border-bottom: 4px solid var(--border-main-dark);
}

.border-1 {
    border: 1px solid var(--border-main-dark);
}

.border-r-1 {
    border-right: 1px solid var(--border-main-dark);
}

.text-capitalize {
    text-transform: capitalize;
}

.decoration-none {
    text-decoration: none;
}

.text-white {
    color: var(--text-light);
}

.text-black {
    color: var(--text-dark);
}

.text-muted {
    color: var(--text-light-muted);
}

.hover-underline:hover {
    text-decoration: underline;
}

/* Tailwind-like Box Shadows */
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.shadow-none { box-shadow: none; }

/* Width Classes (w-0 to w-16) */
.w-0 { width: 0; }
.w-1 { width: 0.25rem; } /* 4px */
.w-2 { width: 0.5rem; }  /* 8px */
.w-3 { width: 0.75rem; } /* 12px */
.w-4 { width: 1rem; }    /* 16px */
.w-5 { width: 1.25rem; } /* 20px */
.w-6 { width: 1.5rem; }  /* 24px */
.w-7 { width: 1.75rem; } /* 28px */
.w-8 { width: 2rem; }    /* 32px */
.w-9 { width: 2.25rem; } /* 36px */
.w-10 { width: 2.5rem; } /* 40px */
.w-11 { width: 2.75rem; } /* 44px */
.w-12 { width: 3rem; }   /* 48px */
.w-13 { width: 3.25rem; } /* 52px */
.w-14 { width: 3.5rem; } /* 56px */
.w-15 { width: 3.75rem; } /* 60px */
.w-16 { width: 4rem; }   /* 64px */

/* Height Classes (h-0 to h-16) */
.h-0 { height: 0; }
.h-1 { height: 0.25rem; } /* 4px */
.h-2 { height: 0.5rem; }  /* 8px */
.h-3 { height: 0.75rem; } /* 12px */
.h-4 { height: 1rem; }    /* 16px */
.h-5 { height: 1.25rem; } /* 20px */
.h-6 { height: 1.5rem; }  /* 24px */
.h-7 { height: 1.75rem; } /* 28px */
.h-8 { height: 2rem; }    /* 32px */
.h-9 { height: 2.25rem; } /* 36px */
.h-10 { height: 2.5rem; } /* 40px */
.h-11 { height: 2.75rem; } /* 44px */
.h-12 { height: 3rem; }   /* 48px */
.h-13 { height: 3.25rem; } /* 52px */
.h-14 { height: 3.5rem; } /* 56px */
.h-15 { height: 3.75rem; } /* 60px */
.h-16 { height: 4rem; }   /* 64px */

/* Additional Utility Classes */
.w-fit { width: fit-content; }
.h-fit { height: fit-content; }
.w-full { width: 100%; }
.h-full { height: 100%; }
.w-screen { width: 100vw; }
.h-screen { height: 100vh; }
.w-auto { width: auto; }
.h-auto { height: auto; }


.gap-0 {
    gap: 0px;
  }
  .gap-1 {
    gap: 4px;
  }
  .gap-2 {
    gap: 8px;
  }
  .gap-4 {
    gap: 16px;
  }
  .gap-6 {
    gap: 24px;
  }
  .gap-8 {
    gap: 32px;
  }
  .gap-10 {
    gap: 40px;
  }
  .gap-12 {
    gap: 48px;
  }
  .gap-16 {
    gap: 64px;
  }
  .gap-20 {
    gap: 80px;
  }
  .gap-24 {
    gap: 96px;
  }

  /* Default Border Radius */
.rounded-none { border-radius: 0px; }
.rounded-sm { border-radius: 0.125rem; /* 2px */ }
.rounded { border-radius: 0.25rem; /* 4px */ }
.rounded-md { border-radius: 0.375rem; /* 6px */ }
.rounded-lg { border-radius: 0.5rem; /* 8px */ }
.rounded-xl { border-radius: 0.75rem; /* 12px */ }
.rounded-2xl { border-radius: 1rem; /* 16px */ }
.rounded-3xl { border-radius: 1.5rem; /* 24px */ }
.rounded-full { border-radius: 9999px; /* Fully circular */ }

/* Top Corners */
.rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
.rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
.rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
.rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }

/* Bottom Corners */
.rounded-b-none { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.rounded-b-sm { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
.rounded-b { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.rounded-b-md { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.rounded-b-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.rounded-b-xl { border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
.rounded-b-2xl { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
.rounded-b-3xl { border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.rounded-b-full { border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; }

/* Individual Corners */
.rounded-tl-none { border-top-left-radius: 0px; }
.rounded-tl-sm { border-top-left-radius: 0.125rem; }
.rounded-tl { border-top-left-radius: 0.25rem; }
.rounded-tl-md { border-top-left-radius: 0.375rem; }
.rounded-tl-lg { border-top-left-radius: 0.5rem; }
.rounded-tl-xl { border-top-left-radius: 0.75rem; }
.rounded-tl-2xl { border-top-left-radius: 1rem; }
.rounded-tl-3xl { border-top-left-radius: 1.5rem; }
.rounded-tl-full { border-top-left-radius: 9999px; }

.rounded-tr-none { border-top-right-radius: 0px; }
.rounded-tr-sm { border-top-right-radius: 0.125rem; }
.rounded-tr { border-top-right-radius: 0.25rem; }
.rounded-tr-md { border-top-right-radius: 0.375rem; }
.rounded-tr-lg { border-top-right-radius: 0.5rem; }
.rounded-tr-xl { border-top-right-radius: 0.75rem; }
.rounded-tr-2xl { border-top-right-radius: 1rem; }
.rounded-tr-3xl { border-top-right-radius: 1.5rem; }
.rounded-tr-full { border-top-right-radius: 9999px; }

.rounded-bl-none { border-bottom-left-radius: 0px; }
.rounded-bl-sm { border-bottom-left-radius: 0.125rem; }
.rounded-bl { border-bottom-left-radius: 0.25rem; }
.rounded-bl-md { border-bottom-left-radius: 0.375rem; }
.rounded-bl-lg { border-bottom-left-radius: 0.5rem; }
.rounded-bl-xl { border-bottom-left-radius: 0.75rem; }
.rounded-bl-2xl { border-bottom-left-radius: 1rem; }
.rounded-bl-3xl { border-bottom-left-radius: 1.5rem; }
.rounded-bl-full { border-bottom-left-radius: 9999px; }

.rounded-br-none { border-bottom-right-radius: 0px; }
.rounded-br-sm { border-bottom-right-radius: 0.125rem; }
.rounded-br { border-bottom-right-radius: 0.25rem; }
.rounded-br-md { border-bottom-right-radius: 0.375rem; }
.rounded-br-lg { border-bottom-right-radius: 0.5rem; }
.rounded-br-xl { border-bottom-right-radius: 0.75rem; }
.rounded-br-2xl { border-bottom-right-radius: 1rem; }
.rounded-br-3xl { border-bottom-right-radius: 1.5rem; }
.rounded-br-full { border-bottom-right-radius: 9999px; }