/* Shared brutalist / sticker utilities used across legacy pages */
.border-3 { border-width: 3px; }
.border-b-3 { border-bottom-width: 3px; }
.border-t-3 { border-top-width: 3px; }
.border-y-3 { border-top-width: 3px; border-bottom-width: 3px; }

.brutalist-border,
.brutal-border {
  border: 2px solid #1A1A1A;
}

.brutalist-shadow,
.brutal-shadow,
.hard-shadow,
.sticker-shadow-black,
.sticker-shadow-ink {
  box-shadow: 4px 4px 0 #1A1A1A;
}

.sticker-shadow-yellow { box-shadow: 4px 4px 0 #e2ea7b; }
.sticker-shadow-red { box-shadow: 4px 4px 0 #b51b1a; }
.sticker-shadow-primary { box-shadow: 4px 4px 0 #b51b1a; }
.sticker-shadow-orange { box-shadow: 4px 4px 0 #E87C41; }
.sticker-shadow-secondary { box-shadow: 4px 4px 0 #e2ea7b; }

.hard-shadow-lg { box-shadow: 6px 6px 0 #1A1A1A; }

.transition-brutal { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.brutalist-shadow-hover:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #1A1A1A; }
.hover-lift:hover { transform: translateY(-4px); }

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

.bg-grid-pattern {
  background-image:
    linear-gradient(to right, rgba(26, 26, 26, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(26, 26, 26, 0.06) 1px, transparent 1px);
  background-size: 24px 24px;
}