:root {

  --main: #0091AD;
  --color-white: #FFFFFF;
  --color-bg: #F8FAFC;
  --color-text: #111826;
  --color-text-muted: #191a1b;

  --error: #d32f2f;
  --article-txt: #595858;

  --nav-active: #FFCC00;

  --btn-hover-color: rgb(76, 154, 170);

  --color-accent: #14B8A6;        /* teal-500 */
  --color-accent-hover: #0D9488;  /* teal-600 */
  --color-header: #0096A6;        /* header/brand teal */
  --color-yellow: #FFD200;        /* accent yellow */

  --radius-sm: 8px;
  --radius-md: 12px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.06);
}