/* theme.css — две палитры для pk-club.ru
   doctors (по умолчанию): тёмный космос
   parents: тёплый пляж */

:root {
  /* doctors — космос */
  --d-bg:        #0A0A1F;
  --d-bg-deep:   #050514;
  --d-cosmic:    #3A46BE;
  --d-ceil:      #866F96;
  --d-text:      #E6E0EE;
  --d-text-soft: #B3A8C3;
  --d-accent:    #B333AB;
  --d-accent-2:  #DD8C6F;

  /* parents — пляж */
  --p-bg:        #EFE8DF;
  --p-bg-warm:   #F5F0E8;
  --p-text:      #0F414A;
  --p-text-soft: #4A6F76;
  --p-accent:    #7F0303;
  --p-tan:       #D8BA98;
  --p-blue:      #96C0CE;

  /* shared */
  --radius:      12px;
  --radius-pill: 999px;
  --shadow-soft: 0 8px 32px rgba(0,0,0,0.18);
  --t-fast:      180ms cubic-bezier(.4,0,.2,1);
  --t-slow:      600ms cubic-bezier(.4,0,.2,1);
}

/* Активная тема — через data-theme на body */
body[data-theme="doctors"] {
  --bg:         var(--d-bg);
  --bg-deep:    var(--d-bg-deep);
  --primary:    var(--d-cosmic);
  --secondary:  var(--d-ceil);
  --text:       var(--d-text);
  --text-soft:  var(--d-text-soft);
  --accent:     var(--d-accent);
  --accent-2:   var(--d-accent-2);
  color-scheme: dark;
}

body[data-theme="parents"] {
  --bg:         var(--p-bg);
  --bg-deep:    var(--p-bg-warm);
  --primary:    var(--p-text);
  --secondary:  var(--p-blue);
  --text:       var(--p-text);
  --text-soft:  var(--p-text-soft);
  --accent:     var(--p-accent);
  --accent-2:   var(--p-tan);
  color-scheme: light;
}

/* Плавный переход при смене темы */
body, body * {
  transition:
    background-color var(--t-slow),
    color var(--t-slow),
    border-color var(--t-slow),
    fill var(--t-slow),
    stroke var(--t-slow);
}