gitea-theme-meta-info {
  --theme-display-name: "Black Pink";
}

:root {
  color-scheme: dark;
  --is-dark-theme: true;
  --color-primary: #ff7bac;
  --color-primary-contrast: #000000;
  --color-primary-dark-1: #e96ea1;
  --color-primary-dark-2: #d46292;
  --color-primary-dark-3: #bd557f;
  --color-primary-dark-4: #a74870;
  --color-primary-dark-5: #8f3b60;
  --color-primary-light-1: #ffa1c4;
  --color-primary-light-2: #ffbad4;
  --color-primary-light-3: #ffd3e3;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);

  /* --- Alpha pinks --- */
  --color-primary-alpha-10: #ff7bac19;
  --color-primary-alpha-20: #ff7bac33;
  --color-primary-alpha-30: #ff7bac4b;
  --color-primary-alpha-40: #ff7bac66;
  --color-primary-alpha-50: #ff7bac80;
  --color-primary-alpha-60: #ff7bac99;
  --color-primary-alpha-70: #ff7bacb3;
  --color-primary-alpha-80: #ff7baccc;
  --color-primary-alpha-90: #ff7bace5;

  /* --- Global Backgrounds --- */
  --color-body: #000000;
  --color-nav-bg: #0d0d0d;
  --color-menu: #111;
  --color-box-header: #111111;
  --color-box-body: #000000;
  --color-box-body-highlight: #1a0a13;
  --color-secondary-bg: #151515;
  --color-card: #111111;

  /* --- Text Colors --- */
  --color-text-dark: #ffffff;
  --color-text: #e6e6e6;
  --color-text-light: #bbbbbb;
  --color-text-light-1: #999999;
  --color-text-light-2: #7d7d7d;
  --color-text-light-3: #555555;

  /* --- Input Styles --- */
  --color-input-background: #0d0d0d;
  --color-input-text: #ffffff;
  --color-input-border: #ff7bac;
  --color-input-border-hover: #ffa1c4;
  --color-input-border-active: #ff7bac;

  /* --- Buttons --- */
  --color-button: #111111;
  --color-button-hover: #1a1a1a;
  --color-button-active: #262626;

  /* --- Secondary Colors (greys re-tuned for dark mode) --- */
  --color-secondary: #2a2a2a;
  --color-secondary-hover: #3a3a3a;
  --color-secondary-active: #4a4a4a;

  /* --- Code + Highlighting --- */
  --color-code-bg: #151515;
  --color-markup-code-inline: #ff7bac22;
  --color-highlight-bg: #ff7bac22;
  --color-editor-line-highlight: #ff7bac33;

  /* --- Reactions --- */
  --color-reaction-bg: #ff7bac11;
  --color-reaction-hover-bg: #ff7bac44;
  --color-reaction-active-bg: #ff7bac66;

  /* --- Tooltips --- */
  --color-tooltip-text: #000000;
  --color-tooltip-bg: #ff7bac;

  /* --- Borders --- */
  --color-light-border: #2a2a2a;
  --color-shadow: #000000aa;
  --color-shadow-opaque: #ff7bac;

  /* --- Labels --- */
  --color-label-text: #ffffff;
  --color-label-bg: #ff7bac33;
  --color-label-hover-bg: #ff7bac66;
  --color-label-active-bg: #ff7bac99;

  /* --- Badges --- */
  --color-red-badge: #ff7bac;
  --color-red-badge-bg: #ff7bac33;
  --color-red-badge-hover-bg: #ff7bac55;

  --color-green-badge: #ff7bac;
  --color-green-badge-bg: #ff7bac33;
  --color-green-badge-hover-bg: #ff7bac55;

  --color-yellow-badge: #ff7bac;
  --color-yellow-badge-bg: #ff7bac33;
  --color-yellow-badge-hover-bg: #ff7bac55;

  /* Icons / Misc */
  --color-caret: #ff7bac;
  --color-accent: #ff7bac;
  --color-small-accent: #ffa1c4;

  /* Diff Colors (pinkified) */
  --color-diff-added-row-bg: #113315;
  --color-diff-removed-row-bg: #330d17;
  --color-diff-added-word-bg: #225522;
  --color-diff-removed-word-bg: #552233;

  /* Footer */
  --color-footer: #0a0a0a;
}