/* Tailwind utilities are loaded via CDN; these custom classes provide theme colors */
:root {
  --color-primary: #0ea5e9; /* sky-500 */
}
.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.border-primary { border-color: var(--color-primary); }
.btn { @apply inline-flex items-center gap-2 px-3 py-2 rounded; }

/* Themes override --color-primary */
.theme-classic { --color-primary: #0ea5e9; }
.theme-forest { --color-primary: #16a34a; }
.theme-royal  { --color-primary: #7c3aed; }
.theme-newsblog-lite { --color-primary: #dc2626; /* red-600 for news vibe */ }