/* ============================================================
   CYBERSPHERE brand override for Blocksy
   Dark-first · signal-green accent · Plus Jakarta Sans
   Repaints the theme chrome, posts and interior pages to match
   the custom home (#cs-home).
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;600&display=swap");

:root,
body {
  /* Blocksy palette → brand */
  --theme-palette-color-1: #28D600; /* accent / primary  */
  --theme-palette-color-2: #1FA800; /* accent hover      */
  --theme-palette-color-3: #FFFFFF; /* headings          */
  --theme-palette-color-4: #C2CABF; /* body text         */
  --theme-palette-color-5: #262B26; /* borders           */
  --theme-palette-color-6: #161A16; /* surface           */
  --theme-palette-color-7: #101410; /* raised surface    */
  --theme-palette-color-8: #0A0D0A; /* page background    */

  --theme-text-color: #C2CABF;
  --theme-headings-color: #FFFFFF;
  --theme-link-initial-color: #4DF221;
  --theme-link-hover-color: #28D600;
  --theme-border-color: #262B26;
  --theme-content-vertical-spacing: 60px;

  --theme-button-background-initial-color: #28D600;
  --theme-button-background-hover-color: #4DF221;
  --theme-button-text-initial-color: #06200A;
  --theme-button-text-hover-color: #06200A;

  --theme-font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  --theme-headings-font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

html, body {
  background-color: #0A0D0A !important;
  color: #C2CABF;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Surfaces */
#main, .ct-container, .entry-content, .ct-content,
[data-content-area], .page-content, article.post, .ct-listing-card {
  background-color: transparent;
}

h1, h2, h3, h4, h5, h6, .entry-title, .ct-listing-card a {
  color: #FFFFFF;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  letter-spacing: -.01em;
}

a { color: #4DF221; }
a:hover { color: #28D600; }

/* Header / footer chrome */
header[data-device], .ct-header, [data-row] {
  background-color: rgba(10,13,10,.85) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #1E241E;
}
.ct-header a, .ct-header .ct-menu-link, header .ct-menu-link { color: #E6ECE4 !important; }
.ct-header .ct-menu-link:hover { color: #28D600 !important; }

footer.ct-footer, .ct-footer, [data-footer] {
  background-color: #050705 !important;
  border-top: 1px solid #1E241E;
  color: #899085;
}
.ct-footer a { color: #C2CABF; }
.ct-footer a:hover { color: #28D600; }

/* Buttons */
.wp-block-button__link, .ct-button, button.ct-button,
input[type="submit"], .button {
  background-color: #28D600 !important;
  color: #06200A !important;
  border-radius: 999px !important;
  font-weight: 700;
  border: none;
}
.wp-block-button__link:hover, input[type="submit"]:hover { background-color: #4DF221 !important; }

/* Cards / post entries */
article, .entry-card, .ct-listing-card {
  border-radius: 16px;
}
.entry-content img, .wp-post-image { border-radius: 12px; }

/* Inputs */
input, textarea, select {
  background-color: #161A16;
  border: 1px solid #262B26;
  color: #FFFFFF;
  border-radius: 10px;
}

/* Selection */
::selection { background: rgba(40,214,0,.30); }

/* Single post readability */
.entry-content p, .entry-content li { color: #C2CABF; line-height: 1.75; }
.entry-content a { text-decoration: underline; text-underline-offset: 3px; }
blockquote { border-left: 3px solid #28D600; color: #E6ECE4; }