/* ========================================================
   DRAFTSRUSH SOFT BRUTALISM SYSTEM (Sitewide Box Overrides)
   ======================================================== */

:root {
  --bg-base: #E2E4E9;
  --ink: #111317;
  --brand-yellow: #F8D000;
  --cta-yellow: #FFE600;
  --surface-light: #F0F2F5;
  --surface-blue: #D6E4EE;
  --surface-cream: #FFF6CF;
  --surface-mint: #E1F5E3;
  --section-slate: #D4D7E1;
  --section-steel: #CCD0DC;
}

/* 1. Global Box Overrides (Converts older brutal-box styles) */
.brutal-box,
.b-card-light,
.b-card-dark,
.studio-card {
  border: 1.5px solid rgba(17, 19, 23, 0.85) !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 16px -4px rgba(17, 19, 23, 0.06) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.2s ease !important;
}

.brutal-box:hover,
.b-card-light:hover,
.studio-card:hover {
  transform: translateY(-4px) !important;
  border-color: #111317 !important;
  box-shadow: 0 18px 34px -10px rgba(17, 19, 23, 0.14), 
              0 4px 10px -2px rgba(17, 19, 23, 0.06) !important;
}

/* 2. Larger Feature Containers (Hero & Feature Banners) */
.brutal-box-lg,
.studio-feature-box {
  border: 1.5px solid #111317 !important;
  border-radius: 22px !important;
  box-shadow: 0 20px 40px -14px rgba(17, 19, 23, 0.1) !important;
}

.studio-hero-box {
  border: 1.5px solid #111317 !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 48px -12px rgba(17, 19, 23, 0.14), 
              0 4px 12px -2px rgba(17, 19, 23, 0.08) !important;
}

/* 3. Interactive Buttons & Pills */
.brutal-btn,
.studio-btn {
  border: 1.5px solid #111317 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 10px -2px rgba(17, 19, 23, 0.1) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.brutal-btn:hover,
.studio-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 22px -6px rgba(17, 19, 23, 0.22) !important;
}

.brutal-btn:active,
.studio-btn:active {
  transform: translateY(0) !important;
}

/* 4. Small Badges & Chips */
.badge-pill,
.studio-badge {
  border-radius: 9999px !important;
  border: 1.5px solid #111317 !important;
}