:root {
  color-scheme: dark;
  --color-bg: #130d12;
  --color-surface: #201721;
  --color-surface-strong: #2d2130;
  --color-text: #f8edf5;
  --color-heading: #ffffff;
  --color-muted: #c7b5c1;
  --color-border: rgba(255, 255, 255, 0.15);
  --color-primary: #f07fb0;
  --color-primary-strong: #ffafd0;
  --color-primary-text: #2a111f;
  --color-secondary: #78d7c8;
  --color-secondary-strong: #a8eadf;
  --color-accent: #f0bd65;
  --color-success: #72d7a7;
  --color-warning: #f2ca78;
  --color-danger: #ff8aa2;
  --shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.34);
  --shadow-strong: 0 32px 96px rgba(0, 0, 0, 0.5);
  --skin-page-bg:
    radial-gradient(circle at 12% 0%, rgba(240, 127, 176, 0.16), transparent 28rem),
    radial-gradient(circle at 84% 10%, rgba(120, 215, 200, 0.1), transparent 28rem),
    linear-gradient(180deg, #130d12 0%, #1b1119 48%, #110d12 100%);
  --skin-nav-bg:
    linear-gradient(180deg, rgba(32, 23, 33, 0.92), rgba(19, 13, 18, 0.88));
  --skin-menu-bg:
    linear-gradient(180deg, rgba(32, 23, 33, 0.98), rgba(20, 13, 18, 0.97));
  --skin-popover-bg:
    linear-gradient(180deg, rgba(35, 25, 37, 0.98), rgba(25, 17, 27, 0.98));
  --skin-card-bg:
    linear-gradient(180deg, rgba(34, 24, 35, 0.98), rgba(24, 17, 26, 0.96));
  --skin-brand-gradient: linear-gradient(135deg, #ef80b0 0%, #864063 52%, #2e7775 100%);
  --skin-primary-gradient: linear-gradient(135deg, #f07fb0 0%, #ff9dc4 55%, #f0bd65 120%);
  --skin-control-bg:
    linear-gradient(135deg, rgba(240, 127, 176, 0.16), rgba(32, 23, 33, 0.94));
  --skin-hero-overlay:
    linear-gradient(90deg, rgba(10, 7, 10, 0.78), rgba(51, 19, 40, 0.44) 54%, rgba(10, 7, 10, 0.18)),
    linear-gradient(0deg, rgba(10, 7, 10, 0.58), transparent 48%);
  --skin-panel-gradient:
    linear-gradient(135deg, rgba(35, 25, 37, 0.96), rgba(21, 14, 22, 0.86)),
    linear-gradient(115deg, rgba(240, 127, 176, 0.17), rgba(120, 215, 200, 0.12) 58%, rgba(240, 189, 101, 0.15));
  --skin-ribbon-gradient: linear-gradient(90deg, transparent, rgba(240, 189, 101, 0.22), transparent);
}