/*
  Clank Preview Square Forgejo theme
  A real Forgejo theme based on the earlier Theme Forge visual preview, not on exact Dark Arc.
  Install as: $FORGEJO_CUSTOM/public/assets/css/theme-clank-preview-square.css
*/
@import url("theme-gitea-dark.css");

:root {
  --is-dark-theme: true;
  --color-primary: #87ab63;
  --color-primary-contrast: #071007;
  --color-primary-dark-1: #93b373;
  --color-primary-dark-2: #9fbc82;
  --color-primary-dark-3: #abc492;
  --color-primary-dark-4: #b7cda1;
  --color-primary-dark-5: #cfddc1;
  --color-primary-dark-6: #e7eee0;
  --color-primary-dark-7: #f8faf6;
  --color-primary-light-1: #7a9e55;
  --color-primary-light-2: #6c8c4c;
  --color-primary-light-3: #5f7b42;
  --color-primary-light-4: #516939;
  --color-primary-light-5: #364626;
  --color-primary-light-6: #1b2313;
  --color-primary-light-7: #080b06;
  --color-primary-alpha-10: #87ab6319;
  --color-primary-alpha-20: #87ab6333;
  --color-primary-alpha-30: #87ab634b;
  --color-primary-alpha-40: #87ab6366;
  --color-primary-alpha-50: #87ab6380;
  --color-primary-alpha-60: #87ab6399;
  --color-primary-alpha-70: #87ab63b3;
  --color-primary-alpha-80: #87ab63cc;
  --color-primary-alpha-90: #87ab63e1;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
  --color-accent: #9ad17b;
  --color-small-accent: #364626;

  --color-secondary: #263034;
  --color-secondary-dark-1: #3b494d;
  --color-secondary-dark-2: #46565b;
  --color-secondary-dark-3: #53656b;
  --color-secondary-dark-4: #60737a;
  --color-secondary-dark-5: #71858c;
  --color-secondary-dark-6: #84969d;
  --color-secondary-dark-7: #98a8ae;
  --color-secondary-dark-8: #acb9be;
  --color-secondary-dark-9: #c0cace;
  --color-secondary-dark-10: #d5dcdf;
  --color-secondary-dark-11: #e9edef;
  --color-secondary-dark-12: #f2f5f6;
  --color-secondary-dark-13: #fbfcfc;
  --color-secondary-light-1: #20292c;
  --color-secondary-light-2: #1b2224;
  --color-secondary-light-3: #151b1d;
  --color-secondary-light-4: #0f1415;
  --color-secondary-alpha-10: #26303419;
  --color-secondary-alpha-20: #26303433;
  --color-secondary-alpha-30: #2630344b;
  --color-secondary-alpha-40: #26303466;
  --color-secondary-alpha-50: #26303480;
  --color-secondary-alpha-60: #26303499;
  --color-secondary-alpha-70: #263034b3;
  --color-secondary-alpha-80: #263034cc;
  --color-secondary-alpha-90: #263034e1;
  --color-secondary-button: #263034;
  --color-secondary-hover: #314044;
  --color-secondary-active: #3b494d;

  --color-body: #111517;
  --color-box-header: #0c1113;
  --color-box-body: #1b2224;
  --color-box-body-highlight: #263034;
  --color-card: #1b2224;
  --fancy-card-bg: #1b2224;
  --fancy-card-border: #3b494d;
  --color-menu: #0c1113;
  --color-footer: #0c1113;
  --color-timeline: #3b494d;
  --color-text-dark: #ffffff;
  --color-text: #e6edf0;
  --color-text-light: #9aa7aa;
  --color-text-light-1: #b9c6ca;
  --color-text-light-2: #9aa7aa;
  --color-text-light-3: #6f7d81;
  --color-input-text: #e6edf0;
  --color-input-background: #20292c;
  --color-input-toggle-background: #20292c;
  --color-input-border: #3b494d;
  --color-input-border-hover: #53656b;
  --color-header-wrapper: #0c1113;
  --color-header-wrapper-transparent: #0c111300;
  --color-nav-bg: #0c1113;
  --color-nav-hover-bg: #ffffff12;
  --color-nav-text: #e6edf0;
  --color-secondary-nav-bg: #101719;
  --color-light: #ffffff16;
  --color-light-border: #ffffff24;
  --color-hover: #ffffff12;
  --color-active: #87ab6342;
  --color-button: #263034;
  --color-code-bg: #12191c;
  --color-shadow: #00000070;
  --color-reaction-bg: #ffffff12;
  --color-reaction-hover-bg: #516939;
  --color-reaction-active-bg: #87ab6366;

  --color-red: #cc4848;
  --color-orange: #f2711c;
  --color-yellow: #cc9903;
  --color-olive: #b5cc18;
  --color-green: #87ab63;
  --color-teal: #00b6ad;
  --color-blue: #4e96cc;
  --color-violet: #9b79e4;
  --color-purple: #8f7ad2;
  --color-pink: #d74397;
  --color-brown: #a5673f;
  --color-grey: #9aa7aa;
  --color-grey-light: #b9c6ca;
  --color-black: #101719;
  --color-success-border: #458a57;
  --color-success-bg: #24432c;
  --color-success-text: #9ad17b;
  --color-warning-border: #997919;
  --color-warning-bg: #463b21;
  --color-warning-text: #e2bd54;
  --color-error-border: #8e4444;
  --color-error-bg: #432323;
  --color-error-bg-active: #5d3333;
  --color-error-bg-hover: #4f2a2a;
  --color-error-text: #f1a5a5;
  --color-info-border: #416c90;
  --color-info-bg: #243847;
  --color-info-text: #9ac2df;
  --color-red-badge: #cc4848;
  --color-red-badge-bg: #cc484826;
  --color-red-badge-hover-bg: #cc48484d;
  --color-green-badge: #87ab63;
  --color-green-badge-bg: #87ab6326;
  --color-green-badge-hover-bg: #87ab634d;
  --color-yellow-badge: #cc9903;
  --color-yellow-badge-bg: #cc990326;
  --color-yellow-badge-hover-bg: #cc99034d;
  --color-orange-badge: #87ab63;
  --color-orange-badge-bg: #87ab6326;
  --color-orange-badge-hover-bg: #87ab634d;

  --color-diff-removed-word-bg: #5a3030;
  --color-diff-added-word-bg: #2d5b38;
  --color-diff-removed-row-bg: #3b2727;
  --color-diff-moved-row-bg: #4a3e22;
  --color-diff-added-row-bg: #22372a;
  --color-diff-removed-row-border: #744040;
  --color-diff-moved-row-border: #997919;
  --color-diff-added-row-border: #3f6d49;
  --color-diff-inactive: #1b2224;

  --color-console-fg: #eeeff2;
  --color-console-fg-subtle: #899499;
  --color-console-bg: #12191c;
  --color-console-border: #3b494d;
  --color-console-hover-bg: #ffffff16;
  --color-console-active-bg: #314044;
  --color-console-menu-bg: #263034;
  --color-console-menu-border: #3b494d;
  --color-label-text: #e6edf0;
  --color-label-bg: #263034;
  --color-label-hover-bg: #314044;
  --color-label-active-bg: #3b494d;

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

/* Push Forgejo toward the old Theme Forge preview: quieter black shell, green controls, conservative corners. */
body,
.full.height,
.page-content,
.dashboard,
.repository,
.profile {
  background: var(--color-body) !important;
}

.ui.menu,
.ui.vertical.menu,
.ui.secondary.menu,
.ui.tabular.menu,
.dashboard-navbar,
.header-wrapper,
.repository .header-wrapper,
.repository-summary,
.repository.file.list #repo-files-table thead th,
.ui.attached.header,
.ui.segment > .ui.top.attached.header {
  background: var(--color-box-header) !important;
  border-color: var(--color-input-border) !important;
}

.ui.segment,
.ui.segments,
.ui.card,
.ui.cards > .card,
.ui.repository.list .item,
.feeds .news,
.dashboard .dashboard-repos,
.repository.file.list,
.repository.file.list #repo-files-table,
.repository .diff-file-box,
.repository .comment.form .content,
.issue.list > .item,
.timeline-item .content,
.ui.box,
.repo-list .item {
  background: var(--color-box-body) !important;
  border-color: var(--color-input-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.feeds .news,
.ui.repository.list .item,
.issue.list > .item,
.repository.file.list #repo-files-table tr {
  border-bottom-color: var(--color-input-border) !important;
}

.ui.menu .item,
.ui.secondary.menu .item,
.ui.tabular.menu .item,
.repository-menu .item,
a,
.markup a {
  color: #b8d9ea !important;
}

a:hover,
.ui.menu .item:hover,
.ui.secondary.menu .item:hover,
.ui.tabular.menu .item:hover {
  color: #d8f0ff !important;
  background: var(--color-hover) !important;
}

.ui.menu .active.item,
.ui.secondary.menu .active.item,
.ui.tabular.menu .active.item,
.repository-menu .active.item {
  color: var(--color-text) !important;
  background: var(--color-active) !important;
  border-radius: 0 !important;
}

.ui.button,
.ui.buttons .button,
.ui.primary.button,
.ui.green.button,
.ui.primary.buttons .button,
.ui.green.buttons .button {
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--color-primary-contrast) !important;
  background: var(--color-primary) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

.ui.button:hover,
.ui.buttons .button:hover,
.ui.primary.button:hover,
.ui.green.button:hover {
  background: var(--color-primary-hover) !important;
  color: var(--color-primary-contrast) !important;
}

.ui.basic.button,
.ui.basic.buttons .button,
.repo-buttons .ui.labeled.button > .label {
  color: var(--color-text) !important;
  background: var(--color-box-body-highlight) !important;
  border: 1px solid var(--color-input-border) !important;
  border-radius: 999px !important;
}

.ui.label,
.ui.labels .label,
.repository .label,
.issue.list .labels .label {
  border-radius: 999px !important;
  color: var(--color-label-text) !important;
  background: var(--color-label-bg) !important;
  border-color: var(--color-input-border) !important;
}

input,
textarea,
.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form textarea,
.ui.dropdown,
.ui.selection.dropdown {
  color: var(--color-input-text) !important;
  background: var(--color-input-background) !important;
  border-color: var(--color-input-border) !important;
  border-radius: 0 !important;
}

.heatmap-color-0 { background-color: #151a1c !important; }
.heatmap-color-1 { background-color: #364626 !important; }
.heatmap-color-2 { background-color: #516939 !important; }
.heatmap-color-3 { background-color: #6c8c4c !important; }
.heatmap-color-4 { background-color: #87ab63 !important; }

.repository.file.list #repo-files-table tbody tr:hover,
.ui.selectable.table tbody tr:hover,
.issue.list > .item:hover,
.ui.repository.list .item:hover {
  background: var(--color-box-body-highlight) !important;
}

.chroma,
.code-view,
.blob-hunk,
.file-view,
.console,
.job-step-logs {
  background: var(--color-console-bg) !important;
  color: var(--color-console-fg) !important;
}

/* Safety pass: Forgejo uses many nested Semantic UI components where large radii clip or misalign borders.
   Default structure stays square; only explicit controls/chips keep small or pill rounding. */
.ui.segment,
.ui.segments,
.ui.card,
.ui.cards > .card,
.ui.table,
.ui.attached.segment,
.ui.attached.header,
.ui.menu,
.ui.vertical.menu,
.ui.tabular.menu,
.ui.dropdown,
.ui.selection.dropdown,
.ui.input > input,
.ui.form textarea,
.repository.file.list,
.repository.file.list #repo-files-table,
.repository .diff-file-box,
.timeline-item .content,
.comment .content,
.dashboard .dashboard-repos {
  border-radius: 0 !important;
}

.ui.label,
.ui.labels .label,
.issue.list .labels .label,
.commit-status-link,
.branch-name,
.sha.label,
.repo-buttons .ui.labeled.button > .label {
  border-radius: 999px !important;
}

.ui.button,
.ui.buttons .button,
.ui.icon.button {
  border-radius: 6px !important;
}

.ui.buttons .button:not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}