@import url("/default.css");

/* public/<appId>/index.css — ТІЛЬКИ оверрайди */
:root {
  /* PRIMARY — відтінки навколо #4182b7 */
  --primary-700: #2f5f88;
  --primary-600: #3572a0;
  --primary-500: #4182b7; /* base */
  --primary-400: #5a95c1;
  --primary-300: #7aadd0;
  --primary-200: #a4c7df;
  --primary-100: #d3e6f3;
  --primary-50: #eff6fb;

  /* SECONDARY — мапимо на “жовті/бурштинові” та “помаранчеві” акценти */
  /* accent-yellow (бурштин навколо #e49c50) */
  --accent-yellow-700: #a56633;
  --accent-yellow-600: #c8823f;
  --accent-yellow-500: #e49c50; /* base */
  --accent-yellow-400: #f0b773;
  --accent-yellow-300: #f6d6a7;

  /* accent-orange (помаранчеві відтінки від того ж secondary) */
  --accent-orange-700: #b16c2e;
  --accent-orange-600: #d1853b;
  --accent-orange-500: #e49c50; /* base */
  --accent-orange-400: #edb171;
  --accent-orange-300: #f5d2a3;
}