/* Sakura Dreams - A cherry blossom inspired theme for Gitea */

:root {
  --is-dark-theme: false;
  /* Primary Colors */
  --color-primary: #ff85a1;
  --color-primary-dark: #ff6b8b;
  --color-primary-light: #ffa6c9;
  --color-primary-very-light: #ffd6e0;

  /* Main Text & Background */
  --color-text: #7a2048;
  --color-text-light: #c75b7c;
  --color-text-dark: #5a1737;
  --color-body: #fff5f8;

  /* UI Colors */
  --color-secondary: #ffb7c5;
  --color-secondary-dark: #ffa6b4;
  --color-secondary-light: #ffc8d6;

  /* State Colors */
  --color-success: #ff9ecf;
  --color-success-dark: #ff85c0;
  --color-success-light: #ffb7de;
  --color-danger: #ff5c5c;
  --color-danger-dark: #ff4747;
  --color-danger-light: #ff7171;
  --color-warning: #ffc3a0;
  --color-warning-dark: #ffb78f;
  --color-warning-light: #ffd4b7;
  --color-info: #c393ff;
  --color-info-dark: #b47eff;
  --color-info-light: #d2a8ff;

  /* Other UI Elements */
  --color-menu: #fff0f5;
  --color-card: #fff5f8;
  --color-markup-table-row: #fff0f5;
  --color-markup-code-block: #fff0f5;
  --color-button: #ff85a1;
  --color-border: #ffb7c5;
  --color-input-border: #ffc8d6;
  --color-input-background: #fff5f8;
  --color-small-accent: #ff6eb5;

  /* Diff Colors */
  --color-diff-add-line: #ffecf5;
  --color-diff-add-word: #ffd6e7;
  --color-diff-del-line: #ffe8e8;
  --color-diff-del-word: #ffd1d1;
  --color-diff-section: #fff0f5;

  /* Code Syntax Highlighting */
  --color-code-keyword: #ff69b4;
  --color-code-function: #db7093;
  --color-code-string: #ff9aac;
  --color-code-number: #c75b7c;
  --color-code-comment: #e5a3b5;
  --color-code-type: #e35a8f;

  --vscode-editor-background: #fff5f8;

  --color-footer: #fff5f8;
  --color-nav-bg: #fff5f8;
  --color-nav-hover-bg: #ffb7c5;
}

/* Header */
.ui.menu.inverted {
  background-color: var(--color-secondary);
  color: var(--color-text);
}

.ui.secondary.menu .item {
  color: var(--color-text);
}

.ui.secondary.menu .active.item {
  background-color: var(--color-primary-very-light);
}

/* Repository header */
.repository.header {
  background-color: var(--color-menu);
}

/* Buttons */
.ui.primary.button {
  background-color: var(--color-primary);
}

.ui.primary.button:hover {
  background-color: var(--color-primary-dark);
}

.ui.basic.button {
  box-shadow: 0 0 0 1px var(--color-border) inset;
  color: var(--color-text) !important;
}

.ui.basic.button:hover {
  background-color: var(--color-primary-very-light) !important;
  color: var(--color-text-dark) !important;
}

/* Tabs */
.ui.tabular.menu .item {
  color: var(--color-text-light);
}

.ui.tabular.menu .active.item {
  background-color: var(--color-primary-very-light);
  color: var(--color-text);
  border-color: var(--color-border);
}

/* Tables */
.ui.table thead th {
  background: var(--color-menu);
  color: var(--color-text);
}

.ui.table {
  border-color: var(--color-border);
}

/* Form inputs */
.ui.input input {
  background-color: var(--color-input-background);
  border-color: var(--color-input-border);
  color: var(--color-text);
}

.ui.input input:focus {
  border-color: var(--color-primary);
}

/* Labels */
.ui.label {
  background-color: var(--color-primary-very-light);
  color: var(--color-text);
}

/* Markdown Content */
.markdown:not(code) {
  color: var(--color-text);
}

.markdown code, .markdown pre {
  background-color: var(--color-markup-code-block);
  border-color: var(--color-border);
}

/* Sidebar */
.ui.vertical.menu {
  background-color: var(--color-menu);
}

.ui.vertical.menu .item {
  color: var(--color-text);
}

.ui.vertical.menu .active.item {
  background-color: var(--color-primary-very-light);
}

/* Status tags */
.ui.green.label {
  background-color: var(--color-success) !important;
  color: var(--color-body) !important;
}

.ui.red.label {
  background-color: var(--color-danger) !important;
  color: var(--color-body) !important;
}

.ui.yellow.label {
  background-color: var(--color-warning) !important;
  color: var(--color-text-dark) !important;
}

.ui.blue.label {
  background-color: var(--color-info) !important;
  color: var(--color-body) !important;
}

/* Dashboard cards */
.dashboard-card {
  background-color: var(--color-card);
  border-color: var(--color-border);
}

/* Timeline and activities */
.timeline-item {
  border-color: var(--color-border);
}

.timeline-item .badge {
  background-color: var(--color-primary-very-light);
  color: var(--color-text);
}

/* Code diff view */
.diff-file-box .code-diff-split .add-code {
  background-color: var(--color-diff-add-line);
}

.diff-file-box .code-diff-split .del-code {
  background-color: var(--color-diff-del-line);
}

.diff-file-box .code-diff-split .add-code .add-line {
  background-color: var(--color-diff-add-word);
}

.diff-file-box .code-diff-split .del-code .del-line {
  background-color: var(--color-diff-del-word);
}

.monaco-editor, .monaco-diff-editor, .monaco-component, .monaco-editor-background, .monaco-editor .margin {
  background: #fff5f8 !important;
}

.monaco-editor {
  --vscode-editor-selectionBackground: var(--color-primary) !important;
  --vscode-editor-inactiveSelectionBackground: var(--color-primary) !important;
  --vscode-editor-lineHighlightBackground: var(--color-primary) !important;
}

.monaco-editor .view-overlays .current-line {
  background-color: var(--color-primary) !important;
}

.monaco-editor .margin {
  background-color: transparent !important;
}

.monaco-editor .margin-view-overlays .current-line-margin {
  background-color: var(--color-primary) !important;
}

.active-line-number {
  background-color: transparent !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: var(--color-primary-light);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}

::-webkit-scrollbar-track {
  background: var(--color-primary-very-light);
}

body::before {
  background: url(https://cdn.nhcarrigan.com/background.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: -100;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  pointer-events: none;
}

body::after {
  background: var(--color-body);
  opacity: 0.8;
  width: 100%;
  height: 100%;
  z-index: -50;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

html {
  cursor: url('https://cdn.nhcarrigan.com/cursors/cursor.cur'), auto;
}

a, button, .button, .dropdown {
  cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer !important;
}

#tree-nation-offset-website {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 885px) {
  #tree-nation-offset-website {
    display: none;
  }
}

footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--foreground);
  background-color: var(--background);
  position: fixed;
  bottom: 0;
  height: 75px;
  padding: 0 10px;
}

@media (max-width: 880px) {
  .page-footer {
    flex-direction: row;
  }
}

#navbar {
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  z-index: 1;
}

.page-content {
  margin-top: 50px;
}