:root,
[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f7f9fa;
  --bg-tertiary: #eff3f4;
  --bg-hover: rgba(0, 0, 0, 0.03);
  --text-primary: #0f1419;
  --text-secondary: #536471;
  --text-tertiary: #6e767d;
  --border-color: #eff3f4;
  --accent: #1d9bf0;
  --accent-hover: #1a8cd8;
  --accent-bg: rgba(29, 155, 240, 0.1);
  --danger: #f4212e;
  --danger-hover: #dc1d28;
  --success: #00ba7c;
  --like-color: #f91880;
  --like-bg: rgba(249, 24, 128, 0.1);
  --repost-color: #00ba7c;
  --repost-bg: rgba(0, 186, 124, 0.1);
  --bookmark-color: #1d9bf0;
  --bookmark-bg: rgba(29, 155, 240, 0.1);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
  --modal-overlay: rgba(0, 0, 0, 0.4);
  --input-bg: #eff3f4;
  --input-bg-focus: #ffffff;
  --input-border: #cfd9de;
  --scrollbar-thumb: #cfd9de;
  --skeleton: #eff3f4;
  --skeleton-shine: #f7f9fa;
}

[data-theme="dark"] {
  --bg-primary: #000000;
  --bg-secondary: #16181c;
  --bg-tertiary: #1d1f23;
  --bg-hover: rgba(255, 255, 255, 0.03);
  --text-primary: #e7e9ea;
  --text-secondary: #71767b;
  --text-tertiary: #536471;
  --border-color: #2f3336;
  --accent: #1d9bf0;
  --accent-hover: #1a8cd8;
  --accent-bg: rgba(29, 155, 240, 0.1);
  --danger: #f4212e;
  --danger-hover: #dc1d28;
  --success: #00ba7c;
  --like-color: #f91880;
  --like-bg: rgba(249, 24, 128, 0.1);
  --repost-color: #00ba7c;
  --repost-bg: rgba(0, 186, 124, 0.1);
  --bookmark-color: #1d9bf0;
  --bookmark-bg: rgba(29, 155, 240, 0.1);
  --shadow: 0 1px 2px rgba(255, 255, 255, 0.05);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
  --modal-overlay: rgba(91, 112, 131, 0.4);
  --input-bg: #202327;
  --input-bg-focus: #1d1f23;
  --input-border: #3e4144;
  --scrollbar-thumb: #3e4144;
  --skeleton: #2f3336;
  --skeleton-shine: #3a3d41;
}