/* Theme tokens for Japanese-inspired salon */
:root {
  --brand: #111827; /* near-black */
  --ink: #0b0f19;
  --accent: #b91c1c; /* vermilion red */
  --accent-2: #8b5cf6; /* subtle violet highlight */
  --paper: #f9fafb; /* warm light */
  --muted: #6b7280; /* slate */
}

/* Base typography tweaks layered over Tailwind */
html { scroll-behavior: smooth; }
body { color: var(--ink); background: var(--paper); }

/* Decorative utilities */
.kanagawa-gradient {
  background: linear-gradient(135deg, rgba(185,28,28,0.08), rgba(139,92,246,0.08));
}

.nav-blur {
  backdrop-filter: saturate(120%) blur(10px);
  background: rgba(249, 250, 251, 0.8);
}

.shadow-ink {
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.divider {
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(0,0,0,0.08), transparent);
}

/* Card hover effect */
.lift:hover { transform: translateY(-2px); }
.lift { transition: transform 220ms ease, box-shadow 220ms ease; }

/* Simple container max width constraint when Tailwind container not used */
.max-w-wrap { max-width: 1200px; margin-left: auto; margin-right: auto; }