/*
 * SSK Remodel Phase 1 (feature-flagged)
 *
 * Safety rules:
 * - Visual-only token overrides.
 * - No shortcode wrappers, no form field selectors, no WooCommerce hook wrappers.
 * - Loaded only when `ssk_enable_remodel_phase1` filter returns true.
 */

body.ssk-remodel-phase1 #ssk-app {
  --ssk-page-max: clamp(1120px, 88vw, 1640px);
  --ssk-page-pad: clamp(16px, 3.2vw, 34px);
  --ssk-page-bg: linear-gradient(180deg, #ffffff 0%, #f8f6ff 38%, #fefcff 100%);
  --ssk-surface: rgba(255, 255, 255, 0.9);
  --ssk-surface-strong: rgba(255, 255, 255, 0.96);
  --ssk-border: rgba(127, 86, 217, 0.2);
  --ssk-shadow: 0 20px 58px rgba(41, 24, 57, 0.13);
}

body.ssk-remodel-phase1 #ssk-app .hero-frame,
body.ssk-remodel-phase1 #ssk-app .compact-card {
  border-color: rgba(127, 86, 217, 0.18);
}

body.ssk-remodel-phase1 #ssk-app .ssk-chip,
body.ssk-remodel-phase1 #ssk-app .ssk-studio-link {
  border-color: rgba(26, 16, 34, 0.12);
}