/* ============================================================
   ROMÊNIA LUZIA BEAUTY — DESIGN SYSTEM
   Global entry point. Consumers link THIS file only.
   Keep this file as @import lines ONLY.
   ============================================================ */

@import url('./tokens/fonts.css');
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/utilities.css');

/* Feature grid responsive: 4 across desktop, fewer on mobile */
@media (max-width: 900px) {
  .rl-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 520px) {
  .rl-feature-grid { grid-template-columns: 1fr !important; }
}

/* Footer responsive: stack columns on mobile */
@media (max-width: 760px) {
  .rl-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    text-align: left;
  }
}