/* Config colors: use valid CSS color values (Tailwind v4 compatible) */
:root {
  /* Bridge runtime vars to shared naming convention */
  --color-white: rgb(255 255 255);
  --color-black: var(--accent-font-color, rgb(51 51 51));
  --color-primary: var(--accent-color, rgb(87 119 237));
  --color-gray-100: rgb(247 247 250);
  --color-gray-200: rgb(237 237 237);
  --color-gray-300: rgb(215 217 221);
  --color-gray-400: var(--placeholder-font-color, rgb(161 168 179));
  --color-gray-800: var(--subtitle-color, rgb(37 44 67));
  --color-gray-900: rgb(33 37 41);
  --color-error: rgb(224 16 16);

  --color-app-background: var(--main-bg-color, var(--color-gray-100));
  --color-app-card: var(--main-bg-color-components, var(--color-white));

  --primary-font-family: var(--font-family, Montserrat), ui-sans-serif, system-ui, -apple-system, Helvetica Neue, sans-serif;
}