/* * {
    outline: 0.5px solid red;
} */



/* Base Theme Variables */
:root {
  /* Backgrounds */
  --bg-color: #ffffff;
  --card-bg: #f5f5f5;

  /* Text Colors */
  --text-color: #111111;
  --headline-color: #111111;       /* Indigo-900 */
  --summary-color: #444444;
  --description-color: #222222;
  --time-color: #6b6b6b;

  /* Accent Colors */
  --link-color: #1d4ed8;           /* Blue-700 */
  --border-color: #e0e0e0;

  font-family: Arial, Helvetica, sans-serif
  /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

/* Dark Theme Overrides */
[data-theme="dark"] {
  /* Backgrounds */
  --bg-color: #121212;
  --card-bg: #1e1e1e;

  /* Text Colors */
  --text-color: #e5e5e5;
  --headline-color: #eeeeee;       /* Blue-400 */
  --summary-color: #bbbbbb;
  --description-color: #ddd;
  --time-color: #888888;

  /* Accent Colors */
  --link-color: #93c5fd;           /* Blue-300 */
  --border-color: #2a2a2a;
}