/* AisleMates Feedback — Fider v0.39.0 custom CSS v3 (Franz, 2026-11-11). Selectors from the live build. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

/* 1. Retheme Fider's own tokens: primary + the blue scale become tomato, surfaces go warm. */
body[data-theme=light] {
  --primary-color: #C9362A;
  --primary-color-dark: #B02F24;
  --primary-color-light: #E8A59E;
  --colors-primary-base: #C9362A;
  --colors-primary-dark: #B02F24;
  --colors-primary-light: #E8A59E;
  --colors-primary-50: #FBEDEB;
  --colors-blue-50: #FBEDEB;
  --colors-blue-100: #F6DAD6;
  --colors-blue-200: #EDBDB7;
  --colors-blue-300: #E19A92;
  --colors-blue-400: #D4685D;
  --colors-blue-500: #C9362A;
  --colors-blue-600: #C9362A;
  --colors-blue-700: #B02F24;
  --colors-blue-800: #8E261D;
  --colors-blue-900: #5C1913;
  --colors-white: #FFFCF7;
  --colors-gray-50: #F7F1E6;
  --colors-gray-100: #F2EBDF;
  --colors-gray-200: #E9E0D2;
  --colors-gray-300: #DDD3C3;
  --colors-gray-900: #1C1917;
  --colors-black: #1C1917;
  font-family: 'Outfit', system-ui, sans-serif;
  background: #F7F1E6;
  color: #1C1917;
}
body, input, textarea, button, select { font-family: 'Outfit', system-ui, sans-serif; }

/* 2. Surfaces: cream page edge to edge (header + center panel), warm-white cards. */
#root, #c-header, #c-header.bg-white, .bg-white { background-color: #F7F1E6; }
div[id^="p-"].page.container, .page.container { background-color: #F7F1E6 !important; }
#c-header { box-shadow: inset 0 -1px 0 #E9E0D2; }
.c-posts-container__post, #p-home .p-home__add-idea-btn, .c-comment__card, .c-share-feedback__content {
  background-color: #FFFCF7;
  border: 1px solid #E9E0D2;
}

/* 3. Tomato accents still hard-wired in Fider. */
#p-home .p-home__add-idea-icon { color: #C9362A; }
.c-vote-counter__button--voted, .c-vote-counter__button--voted .c-vote-counter__icon { color: #C9362A; border-color: #C9362A; }
.c-powered a { color: #C9362A; }
.c-powered a:hover { color: #1C1917; }
.p-show-post__actions { border-top: 1px solid #E9E0D2; }
a, .text-link { color: #C9362A; }
#c-header .c-header__brand h1, #c-header .c-header__nav-link--active { color: #1C1917; }

/* 4. Buttons: tomato with cream text (4.62:1, AA). */
.c-button--primary, button[type="submit"] { background: #C9362A; border-color: #C9362A; color: #F7F1E6; font-weight: 600; }
.c-button--primary:hover { background: #B02F24; border-color: #B02F24; }

:focus-visible { outline: 2px solid #1C1917; outline-offset: 2px; }

/* 5. v3: signed-in "✓ Voted!" label on home-list cards (Fider hard-codes .text-blue-600 there). */
body .c-posts-container__post-votes .text-blue-600,
body .c-posts-container__post-votes .text-blue-600 svg { color: #C9362A; }