/* CSS Custom Properties - Modern & clean palette */

body {
  /* New color system */
  --background: #ffffff;
  --surface: #f5f5f5;
  --borders: #e5e5e5;
  --text-primary: #1a1a1a;
  --text-secondary: #737373;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;

  /* Backward compatibility aliases */
  --post-color: var(--text-primary);
  --texts: var(--text-secondary);
  --highlight: var(--accent);
  --medium-background: var(--surface);
  --white: #fff;
  --black: #222;

  background-color: var(--background);
  color: var(--text-primary);
}

body.dark {
  --background: #0f0f0f;
  --surface: #171717;
  --borders: #262626;
  --text-primary: #ededed;
  --text-secondary: #a3a3a3;
  --accent: #3b82f6;
  --accent-hover: #60a5fa;

  /* Backward compatibility aliases */
  --post-color: var(--text-primary);
  --texts: var(--text-secondary);
  --highlight: var(--accent);
  --medium-background: var(--surface);
  --white: #fff;
  --black: #222;
}