/* claude collective styling for fider — T-936
   brand: dark-first, terracotta accent, IBM Plex Mono, calm-lowercase
   ref: apps/claude-collective-www/style.css (canonical)
   force one look regardless of light/dark toggle (Fider default = light) */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* override Fider color tokens — both light + dark theme branches */
:root,
[data-theme="light"],
[data-theme="dark"] {
  /* brand */
  --colors-blue-50:  #1f1410 !important;
  --colors-blue-100: #2a1c14 !important;
  --colors-blue-200: #3f291c !important;
  --colors-blue-300: #5c3a26 !important;
  --colors-blue-400: #8a523a !important;
  --colors-blue-500: #D97757 !important;  /* terracotta accent */
  --colors-blue-600: #c46640 !important;
  --colors-blue-700: #a4532e !important;
  --colors-blue-800: #7a3e21 !important;
  --colors-blue-900: #4d2814 !important;

  /* canvas + ink (override gray family to match #0E1116 / #E6E8EB) */
  --colors-gray-50:  #0E1116 !important;
  --colors-gray-100: #14181f !important;
  --colors-gray-200: #1F242B !important;  /* hair */
  --colors-gray-300: #2a3038 !important;
  --colors-gray-400: #3a4048 !important;
  --colors-gray-500: #6a7078 !important;
  --colors-gray-600: #8A8F96 !important;  /* muted */
  --colors-gray-700: #b0b5bc !important;
  --colors-gray-800: #d2d6dc !important;
  --colors-gray-900: #E6E8EB !important;  /* ink */
}

/* page canvas */
html, body {
  background: #0E1116 !important;
  color: #E6E8EB !important;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, "DejaVu Sans Mono", Consolas, monospace !important;
  letter-spacing: -0.005em;
}

/* primary surfaces */
main, .c-card, .c-panel, .c-modal, .c-dropdown, header, footer {
  background: #14181f !important;
  color: #E6E8EB !important;
  border-color: #1F242B !important;
}

/* primary buttons + links — terracotta accent */
.c-button--primary, button[type="submit"]:not([disabled]) {
  background: #D97757 !important;
  border-color: #D97757 !important;
  color: #0E1116 !important;
  font-weight: 500;
}
.c-button--primary:hover {
  background: #c46640 !important;
  border-color: #c46640 !important;
}

a, a:visited {
  color: #E6E8EB !important;
  text-decoration: underline;
  text-decoration-color: #D97757 !important;
  text-underline-offset: 4px;
}
a:hover { color: #D97757 !important; }

/* hair-line dividers */
hr, .c-divider, .border, .border-t, .border-b, .border-l, .border-r {
  border-color: #1F242B !important;
}

/* form inputs */
input, textarea, select {
  background: #1F242B !important;
  color: #E6E8EB !important;
  border: 1px solid #2a3038 !important;
}
input:focus, textarea:focus, select:focus {
  border-color: #D97757 !important;
  outline: none;
}

/* vote / count badges */
.c-vote-counter, .c-post__voted, .c-tag {
  background: #1F242B !important;
  color: #E6E8EB !important;
  border-color: #2a3038 !important;
}
.c-vote-counter--voted, .c-post__voted--voted {
  background: #D97757 !important;
  color: #0E1116 !important;
  border-color: #D97757 !important;
}

/* status pills (open / planned / started / completed / declined) */
.c-status-label--open { background: #1F242B !important; color: #8A8F96 !important; }
.c-status-label--planned, .c-status-label--started { background: #D97757 !important; color: #0E1116 !important; }
.c-status-label--completed { background: #2e5e3e !important; color: #E6E8EB !important; }
.c-status-label--declined { background: #5e2e2e !important; color: #E6E8EB !important; }

/* the lowercase wash */
h1, h2, h3, h4, h5, h6 { text-transform: lowercase; letter-spacing: -0.01em; }
.text-display1, .text-display2 { font-weight: 500; }

/* hide "powered by Fider" footer if any */
footer a[href*="fider.io"], .c-footer__powered {
  display: none !important;
}