/* ══════════ Pilops theme — single dark look, both Fider themes ══════════ */

  /* Kill the theme switcher — the board has one identity */
  .c-themeswitcher { display: none !important; }

  /* Brand primary (Fider's official hooks, theme-independent) */
  body {
    --primary-color: #0ea5e9;
    --primary-color-dark: #0284c7;
    --primary-color-light: #7dd3fc;
  }

  /* ── Full palette: identical for light AND dark ── */
  body[data-theme=light],
  body[data-theme=dark] {
    /* surfaces */
    --colors-white: #212121;
    --colors-black: #e0e0e0;
    --colors-gray-50: #1a1a1a;
    --colors-gray-100: #2a2a2a;
    --colors-gray-200: #2a2a2a;
    --colors-gray-300: #3a3a3a;
    --colors-gray-400: #4a4a4a;
    --colors-gray-500: #616161;
    --colors-gray-600: #7d838d;
    --colors-gray-700: #9ca3af;
    --colors-gray-800: #c7c7c7;
    --colors-gray-900: #e0e0e0;
    /* sky-tinted info & vote surfaces */
    --colors-blue-50: #0d2837;
    --colors-blue-100: #0d2837;
    --colors-blue-200: #123a50;
    --colors-blue-300: #155e83;
    --colors-blue-400: #0369a1;
    --colors-blue-500: #0284c7;
    --colors-blue-600: #38bdf8;
    --colors-blue-700: #7dd3fc;
    --colors-blue-800: #bae6fd;
    --colors-blue-900: #e0f2fe;
    /* success / warning / danger — Pilops accents */
    --colors-green-50: #0c2e18;  --colors-green-100: #0c2e18;
    --colors-green-200: #14532d; --colors-green-300: #166534;
    --colors-green-400: #15803d; --colors-green-500: #22c55e;
    --colors-green-600: #42c258; --colors-green-700: #6ee7b7;
    --colors-green-800: #bbf7d0; --colors-green-900: #dcfce7;
    --colors-yellow-50: #3a2a0a;  --colors-yellow-100: #3a2a0a;
    --colors-yellow-200: #78350f; --colors-yellow-300: #92400e;
    --colors-yellow-400: #b45309; --colors-yellow-500: #d97706;
    --colors-yellow-600: #f59e0b; --colors-yellow-700: #fbbf24;
    --colors-yellow-800: #fde68a; --colors-yellow-900: #fef3c7;
    --colors-red-50: #3a1515;  --colors-red-100: #3a1515;
    --colors-red-200: #7f1d1d; --colors-red-300: #991b1b;
    --colors-red-400: #b91c1c; --colors-red-500: #dc2626;
    --colors-red-600: #ef4444; --colors-red-700: #f87171;
    --colors-red-800: #fca5a5; --colors-red-900: #fecaca;
  }

  /* ── Utility classes ship hardcoded hex per theme — realign both ── */
  body[data-theme=light] .bg-white,        body[data-theme=dark] .bg-white        { background-color: #212121; }
  body[data-theme=light] .bg-gray-50,      body[data-theme=dark] .bg-gray-50      { background-color: #1a1a1a; }
  body[data-theme=light] .bg-gray-100,     body[data-theme=dark] .bg-gray-100     { background-color: #2a2a2a; }
  body[data-theme=light] .bg-gray-200,     body[data-theme=dark] .bg-gray-200     { background-color: #2a2a2a; }
  body[data-theme=light] .bg-blue-50,      body[data-theme=dark] .bg-blue-50,
  body[data-theme=light] .bg-blue-100,     body[data-theme=dark] .bg-blue-100     { background-color: #0d2837; }
  body[data-theme=light] .bg-green-100,    body[data-theme=dark] .bg-green-100    { background-color: #0c2e18; }
  body[data-theme=light] .bg-green-200,    body[data-theme=dark] .bg-green-200    { background-color: #14532d; }
  body[data-theme=light] .bg-yellow-50,    body[data-theme=dark] .bg-yellow-50,
  body[data-theme=light] .bg-yellow-100,   body[data-theme=dark] .bg-yellow-100   { background-color: #3a2a0a; }
  body[data-theme=light] .bg-red-100,      body[data-theme=dark] .bg-red-100      { background-color: #3a1515; }
  body[data-theme=light] .text-white,      body[data-theme=dark] .text-white      { color: #ffffff; }
  body[data-theme=light] .text-gray-900,   body[data-theme=dark] .text-gray-900   { color: #e0e0e0; }
  body[data-theme=light] .text-gray-800,   body[data-theme=dark] .text-gray-800   { color: #c7c7c7; }
  body[data-theme=light] .text-gray-700,   body[data-theme=dark] .text-gray-700   { color: #9ca3af; }
  body[data-theme=light] .text-gray-600,   body[data-theme=dark] .text-gray-600   { color: #7d838d; }
  body[data-theme=light] .text-gray-500,   body[data-theme=dark] .text-gray-500   { color: #616161; }
  body[data-theme=light] .text-gray-400,   body[data-theme=dark] .text-gray-400   { color: #4a4a4a; }
  body[data-theme=light] .text-blue-600,   body[data-theme=dark] .text-blue-600   { color: #38bdf8; }
  body[data-theme=light] .text-blue-700,   body[data-theme=dark] .text-blue-700   { color: #7dd3fc; }
  body[data-theme=light] .text-blue-200,   body[data-theme=dark] .text-blue-200   { color: #bae6fd; }
  body[data-theme=light] .text-green-500,  body[data-theme=dark] .text-green-500  { color: #22c55e; }
  body[data-theme=light] .text-green-600,  body[data-theme=dark] .text-green-600  { color: #42c258; }
  body[data-theme=light] .text-green-700,  body[data-theme=dark] .text-green-700  { color: #6ee7b7; }
  body[data-theme=light] .text-green-800,  body[data-theme=dark] .text-green-800  { color: #bbf7d0; }
  body[data-theme=light] .text-yellow-500, body[data-theme=dark] .text-yellow-500 { color: #f59e0b; }
  body[data-theme=light] .text-yellow-800, body[data-theme=dark] .text-yellow-800 { color: #fde68a; }
  body[data-theme=light] .text-red-500,    body[data-theme=dark] .text-red-500    { color: #ef4444; }
  body[data-theme=light] .text-red-600,    body[data-theme=dark] .text-red-600    { color: #f87171; }
  body[data-theme=light] .text-red-700,    body[data-theme=dark] .text-red-700    { color: #f87171; }
  body[data-theme=light] .text-red-800,    body[data-theme=dark] .text-red-800    { color: #fca5a5; }
  body[data-theme=light] .border-gray-200, body[data-theme=dark] .border-gray-200 { border-color: #2a2a2a; }
  body[data-theme=light] .border-gray-400, body[data-theme=dark] .border-gray-400 { border-color: #4a4a4a; }
  body[data-theme=light] .border-gray-700, body[data-theme=dark] .border-gray-700 { border-color: #9ca3af; }
  body[data-theme=light] .border-blue-200, body[data-theme=dark] .border-blue-200 { border-color: #123a50; }
  body[data-theme=light] .border-blue-400, body[data-theme=dark] .border-blue-400 { border-color: #0369a1; }
  body[data-theme=light] .border-blue-500, body[data-theme=dark] .border-blue-500 { border-color: #0284c7; }
  body[data-theme=light] .border-green-400,body[data-theme=dark] .border-green-400{ border-color: #15803d; }
  body[data-theme=light] .border-yellow-400,body[data-theme=dark] .border-yellow-400{ border-color: #b45309; }
  body[data-theme=light] .border-yellow-500,body[data-theme=dark] .border-yellow-500{ border-color: #d97706; }
  body[data-theme=light] .border-red-300,  body[data-theme=dark] .border-red-300  { border-color: #991b1b; }

  /* ── Buttons: white label on sky, neon glow on hover ── */
  .c-button { border-radius: 8px; }
  .c-button--primary { color: #fff; }
  .c-button--primary:hover {
    color: #fff;
    box-shadow: 0 0 12px rgba(14, 165, 233, 0.7), 0 0 32px rgba(14, 165, 233, 0.25);
  }

  /* ── Focus ring: Pilops subtle neon ── */
  *:focus:not(.no-focus) {
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15) !important;
  }

  /* ── Vote counter: sky glow on hover ── */
  .c-vote-counter__button { border-radius: 12px; }
  .c-vote-counter__button:hover {
    box-shadow: 0 0 8px rgba(14, 165, 233, 0.5), 0 0 20px rgba(14, 165, 233, 0.15);
  }