:root {
  --pink: #D4537E;
  --violet: #7F77DD;
  --green: #1D9E75;
  --amber: #BA7517;
  --blue: #2E86C1;
  --on-accent: #FFFFFF;
  --overlay: rgba(0, 0, 0, 0.55);
  --shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.35);
  --shadow-menu: 0 8px 28px rgba(0, 0, 0, 0.4);
  --shadow-raised: 0 10px 30px rgba(0, 0, 0, 0.28);
  --r: 8px;
  --r-card: 12px;
  --r-lg: 14px;
  --r-chip: 20px;
  --font-ui: 'Golos Text', system-ui, sans-serif;
  --font-display: 'Unbounded', system-ui, sans-serif;
}

:root,
:root[data-theme="dark"] {
  --bg: #16141A;
  --s1: #1E1B23;
  --s2: #26222D;
  --s3: #2E2937;
  --border: #332E3D;
  --border-2: #453E52;
  --text: #EDEAF2;
  --text-2: #A79FB5;
  --text-3: #6E6680;
  --pink-soft: #D4537E22;
  --violet-soft: #7F77DD22;
  --green-soft: #1D9E7522;
  --amber-soft: #BA751722;
  --blue-soft: #2E86C122;
  --danger: #C24C5B;
  --danger-soft: #C24C5B22;
  --ok-text: #33C495;
  --warn-text: #D89A3E;
  --danger-text: #E0798A;
}

:root[data-theme="light"] {
  --bg: #F7F6F9;
  --s1: #FFFFFF;
  --s2: #F1EFF5;
  --s3: #E9E6F0;
  --border: #E2DEEA;
  --border-2: #C9C2D6;
  --text: #211D28;
  --text-2: #5C5470;
  --text-3: #8B8299;
  --pink-soft: #D4537E1A;
  --violet-soft: #7F77DD1A;
  --green-soft: #1D9E751A;
  --amber-soft: #BA75171A;
  --blue-soft: #2E86C11A;
  --danger: #B23A49;
  --danger-soft: #B23A491A;
  --ok-text: #157A5B;
  --warn-text: #96660F;
  --danger-text: #A63B4A;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #F7F6F9;
    --s1: #FFFFFF;
    --s2: #F1EFF5;
    --s3: #E9E6F0;
    --border: #E2DEEA;
    --border-2: #C9C2D6;
    --text: #211D28;
    --text-2: #5C5470;
    --text-3: #8B8299;
    --pink-soft: #D4537E1A;
    --violet-soft: #7F77DD1A;
    --green-soft: #1D9E751A;
    --amber-soft: #BA75171A;
    --blue-soft: #2E86C11A;
    --danger: #B23A49;
    --danger-soft: #B23A491A;
    --ok-text: #157A5B;
    --warn-text: #96660F;
    --danger-text: #A63B4A;
  }
}