:root {
  color-scheme: light;
  --color-bg: #fff7fb;
  --color-surface: #ffffff;
  --color-surface-strong: #f9ecf3;
  --color-text: #2b2028;
  --color-heading: #120b11;
  --color-muted: #756170;
  --color-border: rgba(72, 33, 57, 0.15);
  --color-primary: #ad2f6b;
  --color-primary-strong: #7d174d;
  --color-primary-text: #fffafd;
  --color-secondary: #1f7a70;
  --color-secondary-strong: #155b54;
  --color-accent: #d89a35;
  --color-success: #17785c;
  --color-warning: #97620f;
  --color-danger: #bd2448;
  --shadow-soft: 0 18px 48px rgba(73, 27, 56, 0.13);
  --shadow-strong: 0 30px 88px rgba(73, 27, 56, 0.2);
  --skin-page-bg:
    radial-gradient(circle at 14% 0%, rgba(173, 47, 107, 0.12), transparent 31rem),
    radial-gradient(circle at 90% 12%, rgba(31, 122, 112, 0.08), transparent 28rem),
    linear-gradient(180deg, #fff7fb 0%, #fffdf8 52%, #ffffff 100%);
  --skin-nav-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 247, 251, 0.86));
  --skin-menu-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 246, 250, 0.96));
  --skin-popover-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 252, 0.97));
  --skin-card-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 253, 0.94));
  --skin-brand-gradient: linear-gradient(135deg, #b33773 0%, #7d465f 48%, #235d64 100%);
  --skin-primary-gradient: linear-gradient(135deg, #b93473 0%, #94265f 58%, #d99b37 120%);
  --skin-control-bg:
    linear-gradient(135deg, rgba(173, 47, 107, 0.09), rgba(255, 255, 255, 0.98));
  --skin-hero-overlay:
    linear-gradient(90deg, rgba(24, 13, 20, 0.76), rgba(70, 28, 55, 0.38) 52%, rgba(24, 13, 20, 0.12)),
    linear-gradient(0deg, rgba(19, 13, 18, 0.48), transparent 48%);
  --skin-panel-gradient:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 251, 0.82)),
    linear-gradient(115deg, rgba(173, 47, 107, 0.18), rgba(31, 122, 112, 0.13) 58%, rgba(216, 154, 53, 0.16));
  --skin-ribbon-gradient: linear-gradient(90deg, transparent, rgba(216, 154, 53, 0.22), transparent);
}
