@import "./theme-forgejo-dark.css";

@font-face {
  font-family: "Gab";
  src: url("/assets/css/rock.ttf") format("truetype");
}

:root {
  /* palette custom */
  --dark-amethyst: #441151;
  --grape-soda: #883677;
  --orchid: #CA61C3;
  --pink-carnation: #EE85B5;
  --sweet-salmon: #FF958C;

  /* intermédiaires */
  --amethyst-mid: #5a1f6e;
  --amethyst-light: #6b2480;

  /* font override */
  --fonts-override: "Gab";

  /* ── primary ── */
  --color-primary: var(--orchid);
  --color-primary-contrast: #fff;
  --color-primary-dark-1: #d97ad2;
  --color-primary-dark-2: #d97ad2;
  --color-primary-dark-3: #e493de;
  --color-primary-dark-4: #e493de;
  --color-primary-dark-5: #efaceb;
  --color-primary-dark-6: #efaceb;
  --color-primary-dark-7: #f9c5f7;
  --color-primary-light-1: var(--sweet-salmon);
  --color-primary-light-2: #ff7a80;
  --color-primary-light-3: #e06060;
  --color-primary-light-4: #c04040;
  --color-primary-light-5: #c04040;
  --color-primary-light-6: #a03030;
  --color-primary-light-7: #a03030;
  --color-primary-alpha-10: #ca61c319;
  --color-primary-alpha-20: #ca61c333;
  --color-primary-alpha-30: #ca61c34b;
  --color-primary-alpha-40: #ca61c366;
  --color-primary-alpha-50: #ca61c380;
  --color-primary-alpha-60: #ca61c399;
  --color-primary-alpha-70: #ca61c3b3;
  --color-primary-alpha-80: #ca61c3cc;
  --color-primary-alpha-90: #ca61c3e1;
  --color-primary-hover: var(--pink-carnation);
  --color-primary-active: var(--sweet-salmon);

  /* ── secondary (surfaces intermédiaires) ── */
  --color-secondary: var(--amethyst-mid);
  --color-secondary-dark-1: var(--orchid);
  --color-secondary-dark-2: var(--orchid);
  --color-secondary-dark-3: var(--pink-carnation);
  --color-secondary-dark-4: var(--pink-carnation);
  --color-secondary-dark-5: var(--sweet-salmon);
  --color-secondary-dark-6: var(--sweet-salmon);
  --color-secondary-dark-7: #ffb0a8;
  --color-secondary-dark-8: #ffc5bf;
  --color-secondary-dark-9: #ffd9d6;
  --color-secondary-dark-10: #ffeeec;
  --color-secondary-dark-11: #ffeeec;
  --color-secondary-dark-12: #ffeeec;
  --color-secondary-dark-13: #ffeeec;
  --color-secondary-light-1: var(--amethyst-light);
  --color-secondary-light-2: var(--amethyst-mid);
  --color-secondary-light-3: #4d1760;
  --color-secondary-light-4: var(--dark-amethyst);
  --color-secondary-alpha-10: #5a1f6e19;
  --color-secondary-alpha-20: #5a1f6e33;
  --color-secondary-alpha-30: #5a1f6e4b;
  --color-secondary-alpha-40: #5a1f6e66;
  --color-secondary-alpha-50: #5a1f6e80;
  --color-secondary-alpha-60: #5a1f6e99;
  --color-secondary-alpha-70: #5a1f6eb3;
  --color-secondary-alpha-80: #5a1f6ecc;
  --color-secondary-alpha-90: #5a1f6ee1;
  --color-secondary-hover: var(--amethyst-light);
  --color-secondary-active: var(--amethyst-mid);

  /* ── fond général ── */
  --color-body: var(--dark-amethyst);
  --color-box-header: var(--grape-soda);
  --color-box-body: var(--amethyst-mid);
  --color-box-body-highlight: var(--amethyst-light);
  --color-card: var(--amethyst-mid);
  --color-menu: var(--amethyst-mid);
  --color-secondary-bg: var(--amethyst-mid);
  --color-secondary-nav-bg: var(--dark-amethyst);
  --color-code-bg: #3a0e47;
  --color-markup-code-block: #3a0e47;
  --color-markup-code-inline: #32094077;

  /* ── navbar / footer ── */
  --color-header-wrapper: var(--grape-soda);
  --color-header-wrapper-transparent: #88367700;
  --color-nav-bg: var(--grape-soda);
  --color-nav-hover-bg: var(--amethyst-light);
  --color-footer: #2d0a38;

  /* ── texte ── */
  --color-text-dark: #fff;
  --color-text: #f0d0ec;
  --color-text-light: #dbb0d6;
  --color-text-light-1: #dbb0d6;
  --color-text-light-2: #c890c2;
  --color-text-light-3: #b570ae;
  --color-input-text: #f0d0ec;
  --color-placeholder-text: #b570ae;
  --color-text-focus: #fff;
  --color-caret: #f0d0ec;

  /* ── inputs ── */
  --color-input-background: var(--amethyst-mid);
  --color-input-toggle-background: var(--amethyst-mid);
  --color-input-border: var(--orchid);
  --color-input-border-hover: var(--pink-carnation);

  /* ── hover / active générique ── */
  --color-hover: var(--amethyst-light);
  --color-active: var(--grape-soda);
  --color-button: var(--grape-soda);

  /* ── accent / highlight ── */
  --color-accent: var(--orchid);
  --color-small-accent: var(--pink-carnation);
  --color-highlight-fg: var(--pink-carnation);
  --color-highlight-bg: #ca61c322;

  /* ── labels ── */
  --color-label-text: #fff;
  --color-label-bg: var(--grape-soda);
  --color-label-hover-bg: var(--orchid);
  --color-label-active-bg: var(--pink-carnation);
  --color-label-bg-alt: var(--amethyst-light);

  /* ── timeline / séparateurs ── */
  --color-timeline: var(--orchid);
  --color-light: #ffffff18;
  --color-light-border: #ca61c330;

  /* ── shadows / overlays ── */
  --color-shadow: #1a001f80;
  --color-overlay-backdrop: #1a001fc0;

  /* ── selection ── */
  --color-selection-bg: var(--orchid);
  --color-selection-fg: #fff;

  /* ── editor ── */
  --color-editor-line-highlight: var(--amethyst-mid);
  --color-expand-button: var(--amethyst-light);

  /* ── project board ── */
  --color-project-board-bg: #4d1760;
  --color-project-board-dark-label: #b570ae;

  /* ── fancy card ── */
  --fancy-card-bg: var(--amethyst-mid);
  --fancy-card-border: var(--amethyst-light);

  /* ── reactions ── */
  --color-reaction-bg: #ca61c315;
  --color-reaction-active-bg: var(--color-primary-alpha-30);
  --color-reaction-hover-bg: var(--color-primary-alpha-40);

  /* ── tooltip ── */
  --color-tooltip-text: #fff;
  --color-tooltip-bg: #1a001ff0;

  /* ── markup table ── */
  --color-markup-table-row: #ca61c308;

  /* ── diff ── */
  --color-diff-removed-word-bg: #783040;
  --color-diff-added-word-bg: #255c4a;
  --color-diff-removed-row-bg: #432130;
  --color-diff-moved-row-bg: #825730;
  --color-diff-added-row-bg: #1b3635;
  --color-diff-removed-row-border: #783040;
  --color-diff-moved-row-border: #a67a3d;
  --color-diff-added-row-border: #255c4a;
  --color-diff-inactive: var(--amethyst-mid);

  /* ── erreurs / succès / warning / info ── */
  --color-error-border: #783040;
  --color-error-bg: #5f2535;
  --color-error-bg-active: #783040;
  --color-error-bg-hover: #783040;
  --color-error-text: #fef2f2;
  --color-success-border: #1f6e4a;
  --color-success-bg: #1d463a;
  --color-success-text: #aef0d0;
  --color-warning-border: #a67a3d;
  --color-warning-bg: #644838;
  --color-warning-text: #fff388;
  --color-info-border: #7a3a9a;
  --color-info-bg: #4a2060;
  --color-info-text: #f0d0ec;

  /* ── badges ── */
  --color-red-badge: #b91c3a;
  --color-red-badge-bg: #b91c3a22;
  --color-red-badge-hover-bg: #b91c3a44;
  --color-green-badge: #16a34a;
  --color-green-badge-bg: #16a34a22;
  --color-green-badge-hover-bg: #16a34a44;
  --color-yellow-badge: #ca8a04;
  --color-yellow-badge-bg: #ca8a0422;
  --color-yellow-badge-hover-bg: #ca8a0444;
  --color-orange-badge: var(--orchid);
  --color-orange-badge-bg: #ca61c322;
  --color-orange-badge-hover-bg: #ca61c344;

  /* ── indicateurs ── */
  --color-indicator-offline: #c890c2;
  --color-indicator-offline-20: #c890c21a;
  --color-indicator-idle: #16a34a;
  --color-indicator-idle-20: #16a34a1a;
  --color-indicator-active: var(--orchid);
  --color-indicator-active-20: #ca61c333;

  /* ── checkerboard (image diff) ── */
  --checkerboard-color-1: #5a1f6e;
  --checkerboard-color-2: #441151;

  /* ── console ── */
  --color-console-fg: #f0d0ec;
  --color-console-fg-subtle: #b570ae;
  --color-console-bg: #2d0a38;
  --color-console-border: #5a1f6e;
  --color-console-hover-bg: #ffffff16;
  --color-console-active-bg: #6b2480;
  --color-console-menu-bg: #5a1f6e;
  --color-console-menu-border: #883677;

  /* ── thin colors (octicons, texte, bordures) ── */
  --color-thin-green: oklch(0.68 0.19 145deg);
  --color-thin-red: oklch(0.68 0.19 27deg);
  --color-thin-purple: var(--orchid);
  --color-thin-orange: var(--sweet-salmon);

  /* ── danger bg ── */
  --color-danger-bg: oklch(0.26 0.05 340deg);

  /* ── couleurs fixes (pas de raison de changer) ── */
  --color-white: #ffffff;
  --color-pure-black: #000000;
  --color-gold: #b1983b;

  accent-color: var(--orchid);
  color-scheme: dark;
}

* {
  font-family: "Gab", sans-serif;
}

body {
  background: var(--dark-amethyst);
}

a {
  color: var(--pink-carnation);
}

a:hover {
  color: var(--sweet-salmon);
}

/* boutons génériques */
.ui.button,
.ui.basic.button {
  background-color: var(--grape-soda);
  border-color: var(--orchid);
  color: #fff;
}

.ui.button:hover,
.ui.basic.button:hover {
  background-color: var(--amethyst-light);
  border-color: var(--pink-carnation);
}

/* bouton filtre / toggle inputs */
.ui.icon.button {
  background-color: var(--grape-soda);
  color: #fff;
}

/* tabs underline */
.ui.tabular.menu .active.item,
.repository.file.list .tab.active {
  border-bottom-color: var(--orchid) !important;
  color: var(--orchid) !important;
}

/* séparateur tabs */
.ui.tabular.menu {
  border-bottom-color: var(--amethyst-light) !important;
}

/* review counter */
#review-box .review-comments-counter {
  background-color: var(--amethyst-mid) !important;
  color: #fff !important;
}

/* attention callouts */
strong.attention-important,
svg.attention-important {
  color: var(--orchid);
}

strong.attention-note,
svg.attention-note {
  color: var(--pink-carnation);
}

strong.attention-caution,
svg.attention-caution {
  color: var(--sweet-salmon);
}

/* bouton rouge */
.ui.basic.red.button {
  background-color: #b91c3a;
  color: #fff;
}

.ui.basic.red.button:hover,
.ui.basic.red.button:focus {
  background-color: #a71733;
  color: #fff;
}

.ui.basic.red.button:active {
  background-color: #941430;
  color: #fff;
}

/* icône grise */
i.grey.icon.icon.icon.icon {
  color: var(--pink-carnation) !important;
}

/* menu vertical secondaire */
.ui.secondary.vertical.menu {
  border-radius: 0.28571429rem !important;
  overflow: hidden;
}

/* primary label */
.ui.red.label.notification_count,
.ui.primary.label,
.ui.primary.labels .label {
  background-color: var(--orchid) !important;
}

.ui.basic.labels .primary.label,
.ui.ui.ui.basic.primary.label {
  color: #fff !important;
}

/* labeled icon button */
.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
  background-color: var(--color-light) !important;
}