/* Gathrings Brand — Fider Custom CSS */                                                                                                                                                                                       
                                                                                                                                                                                                                                 
  body {
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }

  /* Light theme overrides */
  body[data-theme="light"] {
    --colors-white: #fafafa;
    --colors-gray-50: #fafafa;
    --colors-gray-100: #f0f0f0;
    --colors-primary-base: #00c26e;
    --colors-primary-light: #b3ffd6;
    --colors-primary-dark: #007342;
  }

  body[data-theme="light"] .bg-white {
    background-color: #fafafa;
  }

  body[data-theme="light"] .bg-gray-50 {
    background-color: #fafafa;
  }

  /* Dark theme overrides */
  body[data-theme="dark"] {
    --colors-white: #0b0f0c;
    --colors-gray-50: #0b0f0c;
    --colors-gray-100: #1a2418;
    --colors-gray-200: #2a3a28;
    --colors-primary-base: #2cff88;
    --colors-primary-light: #004d2c;
    --colors-primary-dark: #80ffbc;
  }

  body[data-theme="dark"] .bg-white {
    background-color: #0b0f0c;
  }

  body[data-theme="dark"] .bg-gray-50 {
    background-color: #0b0f0c;
  }

  body[data-theme="dark"] .text-white {
    color: #0b0f0c;
  }

  body[data-theme="dark"] .text-gray-900 {
    color: rgba(255, 255, 255, 0.92);
  }

  /* Header */
  .c-header {
    background: #0b0f0c !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .c-header a,
  .c-header .c-header__title {
    color: rgba(255, 255, 255, 0.92) !important;
  }

  /* Primary buttons — both themes */
  .c-button--primary {
    background: linear-gradient(135deg, #2cff88, #00c26e) !important;
    color: #0b0f0c !important;
    border: none !important;
    border-radius: 10px;
    font-weight: 600;
  }

  .c-button--primary:hover {
    opacity: 0.9;
  }

  /* Vote button */
  .c-vote-button--voted,
  .c-vote-button--voted:hover {
    background: #00c26e !important;
    color: #0b0f0c !important;
    border-color: #00c26e !important;
  }

  /* Links */
  body[data-theme="light"] a { color: #00c26e; }
  body[data-theme="light"] a:hover { color: #009a58; }
  body[data-theme="dark"] a { color: #2cff88; }
  body[data-theme="dark"] a:hover { color: #00c26e; }

  /* Tags */
  .c-tag--started,
  .c-tag--planned {
    background: rgba(0, 194, 110, 0.12) !important;
    color: #00c26e !important;
  }

  .c-tag--completed {
    background: rgba(22, 163, 74, 0.12) !important;
    color: #16a34a !important;
  }

  /* Input fields */
  body[data-theme="light"] input[type="text"],
  body[data-theme="light"] input[type="email"],
  body[data-theme="light"] textarea,
  body[data-theme="light"] select {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
  }

  body[data-theme="dark"] input[type="text"],
  body[data-theme="dark"] input[type="email"],
  body[data-theme="dark"] textarea,
  body[data-theme="dark"] select {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
  }

  input:focus, textarea:focus, select:focus {
    border-color: #00c26e !important;
    box-shadow: 0 0 0 4px rgba(0, 194, 110, 0.15) !important;
    outline: none;
  }

  /* Footer */
  .c-footer {
    font-size: 0.85rem;
  }