/* Utility Classes for ESHNO Website */

/* Text colors */
.text-primary { color: var(--primary); }
.text-primary-container { color: var(--primary-container); }
.text-secondary { color: var(--secondary); }
.text-on-surface { color: var(--on-surface); }
.text-on-surface-variant { color: var(--on-surface-variant); }

/* Background colors */
.bg-primary { background-color: var(--primary); }
.bg-primary-container { background-color: var(--primary-container); }
.bg-secondary { background-color: var(--secondary); }
.bg-secondary-container { background-color: var(--secondary-container); }
.bg-surface { background-color: var(--surface); }
.bg-surface-container-low { background-color: var(--surface-container-low); }
.bg-surface-container-lowest { background-color: var(--surface-container-lowest); }
.bg-surface-container-high { background-color: var(--surface-container-high); }
.bg-surface-container-highest { background-color: var(--surface-container-highest); }

/* Border radius */
.rounded-default { border-radius: 0.125rem; }
.rounded-lg { border-radius: 0.25rem; }
.rounded-xl { border-radius: 0.5rem; }
.rounded-full { border-radius: 0.75rem; }

/* Spacing utilities */
.section { padding: 6rem 0; }
.section-sm { padding: 3rem 0; }
.section-lg { padding: 8rem 0; }

/* Container */
.container-custom {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* Hide scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}