/* theme-sulkta — Sulkta Coop palette, ported from sulkta.com Tailwind tokens.
 *
 * Palette source: https://sulkta.com/_next/static/chunks/0gnh24.ame8_s.css
 *   --bg            #0a0a0a   deepest background
 *   --surface       #111411   raised
 *   --surface-2     #1a1f1a   higher raised
 *   --muted         #374137   borders / dividers
 *   --text-primary  #e8f5e8   near-white (green-tinted)
 *   --text-secondary #9ab89a  mid green
 *   --text-dim      #4a6b4a   dim labels
 *   --green-primary #4ade80   main accent (links, active)
 *   --green-bright  #86efac   hover / highlight
 *   --green-dim     #22c55e   deeper green
 *   --green-glow    #166534   deepest green
 *   --amber         #d97706   accent / warnings
 *
 * Aesthetic: terminal/monospace, ghost-mode dark, green-on-black.
 * "Built on Cardano. No tracking. No cookies. Ghost mode." — sulkta.com footer.
 */

:root,
:root.theme-sulkta {
  /* Sulkta source-of-truth tokens (mirrored from sulkta.com) */
  --sulkta-bg:              #0a0a0a;
  --sulkta-surface:         #111411;
  --sulkta-surface-2:       #1a1f1a;
  --sulkta-muted:           #374137;
  --sulkta-text:            #e8f5e8;
  --sulkta-text-secondary:  #9ab89a;
  --sulkta-text-dim:        #4a6b4a;
  --sulkta-green-primary:   #4ade80;
  --sulkta-green-bright:    #86efac;
  --sulkta-green-dim:       #22c55e;
  --sulkta-green-glow:      #166534;
  --sulkta-amber:           #d97706;

  /* ------ Forgejo / Gitea CSS variables ------ */

  /* Primary brand color (links, active button, highlights) */
  --color-primary:              var(--sulkta-green-primary);
  --color-primary-contrast:     #0a0a0a;
  --color-primary-dark-1:       var(--sulkta-green-dim);
  --color-primary-dark-2:       #16a34a;
  --color-primary-dark-3:       var(--sulkta-green-glow);
  --color-primary-dark-4:       #14532d;
  --color-primary-dark-5:       #0f3a1f;
  --color-primary-dark-6:       #0a2615;
  --color-primary-dark-7:       #061a0e;
  --color-primary-light-1:      var(--sulkta-green-bright);
  --color-primary-light-2:      #a7f3d0;
  --color-primary-light-3:      #bbf7d0;
  --color-primary-light-4:      #d1fae5;
  --color-primary-light-5:      #ecfdf5;
  --color-primary-light-6:      #f0fdf4;
  --color-primary-light-7:      #f7fff8;
  --color-primary-alpha-10:     #4ade8019;
  --color-primary-alpha-20:     #4ade8033;
  --color-primary-alpha-30:     #4ade804c;
  --color-primary-alpha-40:     #4ade8066;
  --color-primary-alpha-50:     #4ade807f;
  --color-primary-alpha-60:     #4ade8099;
  --color-primary-alpha-70:     #4ade80b2;
  --color-primary-alpha-80:     #4ade80cc;
  --color-primary-alpha-90:     #4ade80e5;
  --color-primary-hover:        var(--sulkta-green-bright);
  --color-primary-active:       var(--sulkta-green-dim);

  /* Secondary — used for outlined buttons, muted surfaces */
  --color-secondary:            var(--sulkta-muted);
  --color-secondary-dark-1:     #2d362d;
  --color-secondary-dark-2:     #232b23;
  --color-secondary-dark-3:     #1a201a;
  --color-secondary-light-1:    #4b5a4b;
  --color-secondary-light-2:    #5f725f;
  --color-secondary-alpha-10:   #37413719;
  --color-secondary-alpha-20:   #37413733;
  --color-secondary-alpha-30:   #3741374c;
  --color-secondary-alpha-40:   #37413766;
  --color-secondary-alpha-50:   #3741377f;
  --color-secondary-alpha-60:   #37413799;
  --color-secondary-alpha-70:   #374137b2;
  --color-secondary-alpha-80:   #374137cc;
  --color-secondary-alpha-90:   #374137e5;
  --color-secondary-button:     var(--sulkta-surface-2);
  --color-secondary-hover:      var(--sulkta-surface-2);
  --color-secondary-active:     var(--sulkta-muted);

  /* Accent (amber) — used for emphasis/warnings */
  --color-accent:               var(--sulkta-amber);
  --color-accent-light-1:       #f59e0b;
  --color-accent-dark-1:        #b45309;

  /* Page backgrounds */
  --color-body:                 var(--sulkta-bg);
  --color-box-body:             var(--sulkta-surface);
  --color-box-body-highlight:   var(--sulkta-surface-2);
  --color-box-header:           var(--sulkta-surface-2);
  --color-content-bg:           var(--sulkta-bg);
  --color-content-bg-highlight: var(--sulkta-surface);
  --color-text:                 var(--sulkta-text);
  --color-text-dark:            var(--sulkta-text);
  --color-text-light:           var(--sulkta-text-secondary);
  --color-text-light-1:         var(--sulkta-text-secondary);
  --color-text-light-2:         var(--sulkta-text-dim);
  --color-text-light-3:         var(--sulkta-text-dim);

  /* Nav + footer */
  --color-nav-bg:               #0a0a0aE6;
  --color-nav-hover-bg:         var(--sulkta-surface-2);
  --color-footer:               var(--sulkta-surface);
  --color-footer-bg:            var(--sulkta-surface);

  /* Borders */
  --color-border:               var(--sulkta-muted);
  --color-light-border:         var(--sulkta-muted);
  --color-secondary-bg:         var(--sulkta-surface);

  /* Diff / code blocks */
  --color-diff-added-row-bg:        #16653433;
  --color-diff-added-word-bg:       #22c55e66;
  --color-diff-removed-row-bg:      #b4530933;
  --color-diff-removed-word-bg:     #d9770666;

  /* Inputs */
  --color-input-background:     var(--sulkta-surface-2);
  --color-input-border:         var(--sulkta-muted);
  --color-input-border-hover:   var(--sulkta-green-primary);
  --color-input-text:           var(--sulkta-text);

  /* Links */
  --color-link:                 var(--sulkta-green-primary);
  --color-link-hover:           var(--sulkta-green-bright);
  --color-link-active:          var(--sulkta-green-dim);
}

/* Sulkta uses monospace headings + nav. Match that vibe across Forgejo too. */
:root.theme-sulkta {
  --fonts-monospace: ui-monospace, "JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, "Courier New", monospace;
}

.theme-sulkta .ui.header,
.theme-sulkta h1, .theme-sulkta h2, .theme-sulkta h3,
.theme-sulkta h4, .theme-sulkta h5, .theme-sulkta h6,
.theme-sulkta .navbar .item,
.theme-sulkta .navbar a {
  font-family: var(--fonts-monospace);
  letter-spacing: -0.01em;
}

/* Subtle green-glow on hover, mirrors sulkta.com's "glow-border" pattern */
.theme-sulkta a.ui.button.primary:hover,
.theme-sulkta .ui.button.primary:hover {
  box-shadow: 0 0 0 1px var(--sulkta-green-primary), 0 0 12px -2px var(--sulkta-green-glow);
}

/* Code blocks: subtle green tint */
.theme-sulkta pre,
.theme-sulkta code {
  background-color: var(--sulkta-surface) !important;
  border-color: var(--sulkta-muted);
}

/* Active sidebar item: green left border (Sulkta nav style) */
.theme-sulkta .ui.menu .active.item {
  border-left: 2px solid var(--sulkta-green-primary);
}