/* Surfaces: light -> dark */
  html, body { background:#0F0F11 !important; color:#F2F2F4 !important; }
  .bg-white { background:#0F0F11 !important; }
  .bg-gray-50, .bg-gray-100 { background:#16161A !important; }

  /* Text: grays -> whiter */
  .text-gray-900 { color:#F7F7F8 !important; }
  .text-gray-800 { color:#F0F0F2 !important; }
  .text-gray-700 { color:#E8E8EB !important; }
  .text-gray-600 { color:#DADAE0 !important; }
  .text-gray-500 { color:#CFCFD6 !important; }
  .text-gray-400 { color:#BCBCC6 !important; }
  .text-gray-300 { color:#A2A2AC !important; }
  .text-gray-200 { color:#ECECEF !important; }
  label { color:#EDEDEF !important; }

  /* Job description (Tailwind Typography .prose) */
  .prose, .prose p, .prose li, .prose span, .prose td, .prose blockquote, .prose dd, .prose dt { color:#DADAE0 !important; }
  .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose strong, .prose b { color:#F7F7F8 !important; }
  .prose a { color:#f8b300 !important; }
  .prose ul > li::marker, .prose ol > li::marker { color:#9A9AA4 !important; }
  .prose hr, .prose thead, .prose tbody tr { border-color:rgba(255,255,255,0.10) !important; }
  .prose { --tw-prose-body:#DADAE0 !important; --tw-prose-headings:#F7F7F8 !important; --tw-prose-bold:#F7F7F8 !important; --tw-prose-links:#f8b300 !important; --tw-prose-bullets:#9A9AA4 !important;
  --tw-prose-counters:#9A9AA4 !important; }

  /* Accent: teal -> saffron */
  .text-accent-color, .text-teal-600 { color:#f8b300 !important; }
  a { color:#f8b300; } a:hover { color:#ffd25e; }

  /* Form fields -> dark */
  input, textarea, select { background:#0C0C0E !important; color:#F5F5F4 !important; border:1px solid rgba(255,255,255,0.16) !important; border-radius:8px !important; }
  input::placeholder, textarea::placeholder { color:#86868E !important; }
  input:focus, textarea:focus, select:focus { border-color:rgba(248,179,0,0.55) !important; box-shadow:0 0 0 3px rgba(248,179,0,0.12) !important; outline:none !important; }
  select option { background:#0C0C0E; color:#F5F5F4; }
  input[type="file"] { padding:8px !important; }
  input[type="file"]::file-selector-button { background:#16161A !important; color:#F5F5F4 !important; border:1px solid rgba(255,255,255,0.16) !important; border-radius:6px !important; padding:6px 12px
  !important; margin-right:10px !important; cursor:pointer; }

  /* Borders, hovers, focus */
  .divide-gray-100 > *, .border-gray-100, .border-gray-200, .border, .border-t, .border-b { border-color:rgba(255,255,255,0.10) !important; }
  .hover\:bg-gray-50:hover, .hover\:bg-gray-100:hover { background:rgba(255,255,255,0.04) !important; }
  .focus\:ring-accent-color:focus { --tw-ring-color:#f8b300 !important; box-shadow:0 0 0 2px rgba(248,179,0,0.45) !important; }
  .focus\:outline-accent-color:focus { outline-color:#f8b300 !important; }

  /* Filled buttons (Apply now, Submit): saffron fill, dark text */
  a.bg-accent-color, button.bg-accent-color, button[type="submit"], button[class*="primary"] { background:#f8b300 !important; border:none !important; border-radius:8px !important; font-weight:600
  !important; }
  a.bg-accent-color, a.bg-accent-color *, button.bg-accent-color, button.bg-accent-color *, button[type="submit"], button[type="submit"] * { color:#0A0700 !important; fill:#0A0700 !important; }
  a.bg-accent-color:hover, button.bg-accent-color:hover, button[type="submit"]:hover { background:#ffd25e !important; }

  /* Decorative dot-grid patterns (3 on the page edges): fade so they blend into the bg */
  svg[class*="translate-x-32"] pattern rect,
  svg[class*="translate-x-32"] pattern circle { fill:rgba(255,255,255,0.05) !important; }

  @media (max-width:560px){ input, select, textarea { font-size:16px !important; } }
    
    :root {
      --accent-color: #f8b300;
    }

    .swiper-pagination-bullet {
      background-color: #777 !important;
    }