/*
 * Gitea 'Vulnit' Theme (v5)
 * Based on the default gitea-dark theme.
 * Overrides the primary color with #984ae8.
 * Adds borders to buttons for visibility.
 */

html[data-theme='vulnit'] {
  /* --- 1. Your Custom Brand Color --- */
  --color-primary: #984ae8;
  --color-primary-hover: #a961f0;  /* A slightly lighter purple for hover */
  --color-primary-active: #8738d6; /* A slightly darker purple for active/clicks */
  --color-primary-light-1: rgba(152, 74, 232, 0.1);
  --color-primary-light-2: rgba(152, 74, 232, 0.2);
  --color-primary-light-3: rgba(152, 74, 232, 0.3);

  /* --- 2. Colors copied directly from Gitea's default 'gitea-dark' theme --- */
  --color-body: #22272e;
  --color-text: #cdd9e5;
  --color-text-light: #768390;
  --color-text-strong: #f0f6fc;
  --color-heading: #f0f6fc;
  --color-secondary: #2d333b;
  --color-secondary-light: #323942;
  --color-card: #2d333b;
  --color-header: #2d333b;
  --color-menu: #2d333b;
  --color-footer: #22272e;
  --color-hover: #323942;
  --color-active: #373e48;
  --color-border: #444c56;
  --color-border-light: #444c56;
  --color-divider: #373e48;
  --color-input-bg: #22272e;
  --color-input-text: #cdd9e5;
  --color-input-border: #373e48;
  --color-input-border-hover: #444c56;
  --color-link: var(--color-primary); /* Use your purple for links */
  --color-link-hover: var(--color-primary-hover);
  --color-red: #d96363;
  --color-red-dark: #b05151;
  --color-green: #54a754;
  --color-green-dark: #478d47;
  --color-blue: #5892d8;
  --color-yellow: #c69026;
  --color-orange: #d88158;
  --color-purple: #a071c4;
  --color-grey: #768390;
  --color-code-bg: #2d333b;
  --color-code-text: #cdd9e5;
  --color-code-add-bg: #345834;
  --color-code-del-bg: #634343;

  /* --- 3. A few specific overrides for your homepage logo --- */
  --logo-filter: drop-shadow(0 0 15px rgba(152, 74, 232, 0.5));
}

/* Apply the logo filter on the home page */
html[data-theme='vulnit'] .page-content.home .logo {
  filter: var(--logo-filter);
}

/* --- 4. Fix: Add borders to default buttons for visibility --- */
html[data-theme='vulnit'] .ui.button:not(.primary, .green, .red, .blue, .yellow, .orange, .purple, .basic, .link) {
  border: 1px solid var(--color-input-border);
}

html[data-theme='vulnit'] .ui.button:not(.primary, .green, .red, .blue, .yellow, .orange, .purple, .basic, .link):hover {
  border-color: var(--color-border);
}