/* Paletă Serene Teal — brand teal + CTA portocaliu. Layout identic cu Playful. */
.shop-template--serene-teal {
  --primary: #0F766E;
  --primary-light: #14B8A6;
  --primary-dark: #0B5F58;
  --cta: #F97316;
  --cta-hover: #EA580C;
  --cta-mid: #FB923C;
  --rating: #FBBF24;
  --rating-soft: #FCD34D;
  --info: #14B8A6;
  --info-dark: #0F766E;
  --success: #16A34A;
  --success-bright: #22C55E;
  --success-dark: #15803D;
  --trust: #0F766E;
  --trust-mid: #14B8A6;
  --trust-dark: #0B5F58;

  --purple: var(--primary);
  --purple-mid: var(--primary-light);
  --purple-dark: var(--primary-dark);
  --orange: var(--cta);
  --orange-soft: var(--cta-mid);
  --green: var(--success);
  --green-bright: var(--success-bright);
  --green-dark: var(--success-dark);
  --blue-feature: var(--primary-light);
  --yellow: var(--rating);
  --yellow-box: var(--rating-soft);

  --pf-trust: var(--trust);
  --pf-trust-mid: var(--trust-mid);
  --pf-trust-dark: var(--trust-dark);
  --pf-trust-rgb: 15, 118, 110;

  --pf-buy: var(--cta);
  --pf-buy-mid: var(--cta-mid);
  --pf-buy-dark: var(--cta-hover);
  --pf-buy-rgb: 249, 115, 22;

  --pf-safe: var(--success);
  --pf-safe-mid: var(--success-bright);
  --pf-safe-dark: var(--success-dark);
  --pf-safe-rgb: 22, 163, 74;

  --pf-social: var(--rating);
  --pf-social-mid: var(--rating-soft);
  --pf-social-dark: #D97706;
  --pf-social-rgb: 251, 191, 36;

  --pf-tint-trust: color-mix(in srgb, var(--pf-trust) 10%, #fff);
  --pf-tint-trust-soft: color-mix(in srgb, var(--pf-trust) 5%, #fff);
  --pf-tint-buy: color-mix(in srgb, var(--pf-buy) 14%, #fff);
  --pf-tint-safe: color-mix(in srgb, var(--pf-safe) 12%, #fff);
  --pf-tint-social: color-mix(in srgb, var(--pf-social) 22%, #fff);

  --text: #111827;
  --muted: #4B5563;
  --bg: #F8FAFC;
  --white: #fff;
  --surface: #FFFFFF;
  --surface-hover: #F0FDFA;
  --nav-link: #14B8A6;
  --page-bg-1: #F8FAFC;
  --page-bg-2: #FFFFFF;
  --page-bg-3: #F0FDFA;
  --banner-cta-1: #F97316;
  --banner-cta-2: #EA580C;
  --banner-cta-text: #FFFFFF;
  --price-sale: var(--cta-hover);
  --brand-rgb: 15, 118, 110;
  --brand-dark-rgb: 11, 95, 88;

  --pf-btn-primary: var(--cta);
  --pf-btn-primary-hover: var(--cta-hover);
  --pf-btn-primary-text: #fff;
  --pf-btn-cart: var(--cta);
  --pf-btn-cart-hover: var(--cta-hover);
  --pf-btn-cart-text: #fff;
  --cart-btn-rgb: 249, 115, 22;

  --pf-tint-primary: color-mix(in srgb, var(--primary) 12%, #fff);
  --pf-tint-primary-soft: color-mix(in srgb, var(--primary) 6%, #fff);
  --pf-tint-success: var(--pf-tint-safe);
  --pf-tint-accent: var(--pf-tint-buy);
}