/* ===========================================
   NASTYA FOREVER — ROMANTIC THEME
   =========================================== */

:root {
  /* Color palette — deep plum / rose */
  --bg-page:        #1a1520;
  --bg-sidebar:     #221a28;
  --bg-main:        #1a1520;
  --bg-input:       #2a2030;
  --bg-message-own: #3a2040;
  --bg-message:     #252030;
  --bg-hover:       #352a40;

  /* Text */
  --text-primary:   #e8d8e8;
  --text-secondary: #9a8a9a;
  --text-muted:     #5a4a5a;
  --text-own:       #f8e8f0;
  --text-white:     #f8f0f4;
  --text-bright:    #f0e0f0;

  /* Accent — warm rose */
  --accent:         #d4748a;
  --accent-hover:   #b85a70;
  --accent-text:    #ffffff;

  /* Additional */
  --cyan:           #b8a0c8;
  --orange:         #c8a070;
  --yellow:         #c8b080;
  --red:            #c85060;
  --heart:          #e85070;

  /* Interface */
  --border:         #2a2030;
  --border-bright:  #3a3040;
  --radius:         16px;
  --radius-sm:      8px;
  --shadow:         0 4px 24px rgba(0,0,0,0.4);

  /* Typography — soft, readable */
  --font:           'Segoe UI', 'Inter', -apple-system, 'Helvetica Neue', sans-serif;
  --font-mono:      'Cascadia Code', 'Fira Code', monospace;
  --font-size:      14px;
  --line-height:    1.6;

  /* Sizes */
  --input-height:   48px;
  --header-height:  56px;
}

[data-theme="light"] {
  --bg-page:        #fdf0f4;
  --bg-sidebar:     #ffffff;
  --bg-main:        #fdf0f4;
  --bg-input:       #ffffff;
  --bg-message-own: #fce4ec;
  --bg-message:     #ffffff;
  --bg-hover:       #f8e0e8;
  --text-primary:   #2a1a2a;
  --text-secondary: #6a5a6a;
  --text-muted:     #9a8a9a;
  --text-own:       #2a1a2a;
  --text-white:     #2a1a2a;
  --text-bright:    #1a0a1a;
  --border:         #e8d0d8;
  --border-bright:  #d8c0c8;
  --accent:         #d4748a;
  --accent-hover:   #c06080;
  --shadow:         0 4px 24px rgba(0,0,0,0.1);
}