/* GENERATED from frontend/product-themes/membership.css — do not edit this copy. */
/* YWE membership theme contract.
 *
 * Product-owned semantic values for member-facing surfaces. Consumers select a
 * tier with data-ywe-tier="free|plus|ruby|om" and use the semantic variables or
 * utilities below. Do not copy tier hex values into product stylesheets.
 */

:root,
[data-ywe-tier="free"] {
  --ywe-tier-accent: #1a1712;
  --ywe-tier-accent-deep: #000000;
  --ywe-tier-accent-soft: #eceae7;
  --ywe-tier-accent-contrast: #ffffff;
  --ywe-tier-paint: #1a1712;
  --ywe-tier-surface: linear-gradient(135deg, #f7f5f2, #ece9e5);
  --ywe-tier-focus-ring: 0 0 0 3px rgba(26, 23, 18, 0.18);
}

[data-ywe-tier="plus"] {
  --ywe-tier-accent: #6d4aa7;
  --ywe-tier-accent-deep: #543a86;
  --ywe-tier-accent-soft: #f2ecfa;
  --ywe-tier-accent-contrast: #ffffff;
  --ywe-tier-paint: #6d4aa7;
  --ywe-tier-surface: linear-gradient(135deg, #f7f2fc, #eee6f8);
  --ywe-tier-focus-ring: 0 0 0 3px rgba(109, 74, 167, 0.22);
}

[data-ywe-tier="ruby"] {
  --ywe-tier-accent: #4a0c1e;
  --ywe-tier-accent-deep: #2d0314;
  --ywe-tier-accent-soft: #f2e4e8;
  --ywe-tier-accent-contrast: #ffffff;
  --ywe-tier-paint: #2d0314;
  --ywe-tier-surface: radial-gradient(120% 100% at 75% 15%, #6b1229, #3d0a1a 45%, #2d0314);
  --ywe-tier-focus-ring: 0 0 0 3px rgba(74, 12, 30, 0.24);
}

[data-ywe-tier="om"] {
  --ywe-tier-accent: #6f91b9;
  --ywe-tier-accent-deep: #675b9f;
  --ywe-tier-accent-soft: #eef0f8;
  --ywe-tier-accent-contrast: #17131f;
  --ywe-tier-paint: linear-gradient(105deg, #82cfc2 0%, #b9b2ed 32%, #efc5d3 62%, #f1d59c 82%, #8ed4c7 100%);
  --ywe-tier-surface: linear-gradient(135deg, #e7f5f1 0%, #eeeafb 35%, #fae8ee 68%, #f8efd9 100%);
  --ywe-tier-focus-ring: 0 0 0 3px rgba(103, 91, 159, 0.24);
}

[data-ywe-tier-scope] {
  --accent: var(--ywe-tier-accent);
  --accent-deep: var(--ywe-tier-accent-deep);
  --accent-soft: var(--ywe-tier-accent-soft);
}

.ywe-tier-accent { color: var(--ywe-tier-accent); }
.ywe-tier-border { border-color: var(--ywe-tier-accent); }
.ywe-tier-surface { background: var(--ywe-tier-surface); }
.ywe-tier-fill {
  background: var(--ywe-tier-paint);
  color: var(--ywe-tier-accent-contrast);
}
.ywe-tier-fill:focus-visible { box-shadow: var(--ywe-tier-focus-ring); }

[data-ywe-tier-swatch="free"] { background: #1a1712; }
[data-ywe-tier-swatch="plus"] { background: #6d4aa7; }
[data-ywe-tier-swatch="ruby"] { background: #2d0314; }
[data-ywe-tier-swatch="om"] { background: linear-gradient(105deg, #82cfc2, #b9b2ed 35%, #efc5d3 68%, #8ed4c7); }

[data-ywe-tier="om"] .ywe-tier-gradient-text {
  background: var(--ywe-tier-paint);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

@media (forced-colors: active) {
  .ywe-tier-fill,
  .ywe-tier-surface { background: Canvas; color: CanvasText; }
  .ywe-tier-border { border-color: ButtonText; }
  [data-ywe-tier="om"] .ywe-tier-gradient-text { background: none; color: CanvasText; }
}