/* =========================================================
   Sensei Sandy — Single Custom Stylesheet
   Policy: Bootstrap-first. Custom CSS only for tokens + small components.
   Naming: prefix everything with ss- to avoid collisions.
   ========================================================= */

/* 1) Design tokens (brand) */
:root {
  --ss-radius: 1rem;
  --ss-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  --ss-maxw: 1100px;
}

/* 2) Global tiny tweaks (avoid fighting bootstrap) */
.ss-container {
  max-width: var(--ss-maxw);
}

.ss-section {
  padding: clamp(2.25rem, 4vw, 4rem) 0;
}

/* 3) Small branded components */
.ss-hero {
  border-radius: var(--ss-radius);
  box-shadow: var(--ss-shadow);
}

/* 4) Page-specific hooks */
body[data-page="home"] .ss-hero {
}

body[data-page="videos"] .ss-hero {
}