/*
Theme Name: JIN Child (SWELL Modern Customizations)
Template: jin
Description: Child theme for SWELL design system customizations and utility extensions on Cloudflare Pages.
Author: Yuki Hachisu
Version: 3.0.0-swell
*/

/* ==========================================================================
   SWELL Utility Classes & Overrides
   ========================================================================== */

/* Brand Color Utility Helpers (Preserved & Enhanced) */
.accent-border {
  border-color: var(--swell-accent) !important;
}

.navy-bg {
  background-color: var(--swell-primary) !important;
  color: #ffffff !important;
}

.navy-text {
  color: var(--swell-primary) !important;
}

.accent-text {
  color: var(--swell-accent) !important;
}

.bg-subtle {
  background-color: var(--swell-bg-body) !important;
}

.bg-card {
  background-color: var(--swell-bg-card) !important;
}

/* Rounded Pill Badge */
.swell-pill-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: var(--swell-radius-pill);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Elevation utilities */
.swell-shadow-ambient {
  box-shadow: var(--swell-shadow-card) !important;
}

.swell-shadow-elevated {
  box-shadow: var(--swell-shadow-hover) !important;
}