@import "tailwindcss";

@theme {
  /* Custom Theme Variables (Generates text-brand, bg-brand, etc.) */
  --color-brand: #ff5733;
  --color-brand-hover: #e04e2c;
  
  /* Custom Responsive Breakpoints (Overrides default screen rules) */
  --breakpoint-tablet: 640px;
  --breakpoint-desktop: 1024px;
  
  /* Custom Sizing/Spacing Variable */
  --spacing-safe-zone: 2.5rem;
}