@import "../chroma/dark.css";
@import "../codemirror/dark.css";

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

:root {
  --is-dark-theme: true;

  /* === CORES PRINCIPAIS (logo) === */
  --color-primary: #1e2a4a; /* navy da logo */
  --color-primary-contrast: #ffffff;

  --color-primary-hover: #273566;
  --color-primary-active: #31407a;

  /* Accent (rosa/magenta do site) */
  --color-accent: #d16bb7;
  --color-small-accent: #b85aa1;

  /* === SECUNDÁRIA / UI === */
  --color-secondary: #3a3f46;
  --color-secondary-hover: #464c55;
  --color-secondary-active: #515864;

  /* === BACKGROUNDS === */
  --color-body: #171717a0;
  --color-box-header: #15181c00;
  --color-box-body: #0f121500;
  --color-box-body-highlight: #1a1e2300;

  --color-nav-bg: #0f121600;
  --color-secondary-nav-bg: #13171c00;

  --color-menu: #1e2a4a;
  --color-card: #15191e;
  --color-button: #15191e;

  /* === TEXTO === */
  --color-text-dark: #f2f4f7;
  --color-text: #d3d7dd;
  --color-text-light: #aeb4bc;
  --color-text-light-1: #9aa1ab;
  --color-text-light-2: #858d99;
  --color-placeholder-text: #6f7782;

  /* === INPUTS === */
  --color-input-background: #0f1215;
  --color-input-border: #2f3540;
  --color-input-border-hover: var(--color-accent) !important;

  /* === HOVER / ACTIVE === */
  --color-hover: #ffffff0f;
  --color-hover-opaque: #1b1f25;
  --color-active: var(--color-accent);

  /* === SELEÇÃO / HIGHLIGHT === */
  --color-editor-line-highlight: #2a1f33;
  --color-reaction-bg: #ffffff12;
  --color-reaction-hover-bg: #d16bb733;
  --color-reaction-active-bg: #d16bb74d;

  /* === LABELS / BADGES === */
  --color-label-bg: #d16bb733;
  --color-label-hover-bg: #d16bb766;
  --color-label-active-bg: #d16bb7;

  /* === FEEDBACK === */
  --color-success-bg: #1e3a2c;
  --color-success-text: #6bd19c;

  --color-error-bg: #3a1e24;
  --color-error-text: #f2b6c1;

  --color-warning-bg: #3a3320;
  --color-warning-text: #f2c96d;

  /* === SOMBRAS === */
  --color-shadow: #00000080;
  --color-shadow-opaque: #000000;
  
  /* === RAIO === */
  --border-radius: 15px;

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

body{
  backdrop-filter: blur(15px);
  border-radius: 20px;
}

.ui.menu , .navbar-left > .item, .navbar-right > .item, .navbar-mobile-right > .item, .ui.secondary.vertical.menu > .item, .ui.menu > .item, .ui.action.input, .ui.action.input > * {
  border-radius: var(--border-radius) !important;
}

.ui.action.input, .ui.action.input > * , .ui.action.input > input{
  background: var(--color-input-background);
  border: 0;
  border-color: var(--color-input-background)
}

.ui.compact.menu{
  background: var(--color-menu) !important;
}

.ui.menu .item::before{
  opacity:0;
}


.not-embedded {
  padding: 10px;
  background-image: url("https://cloud.sillycate.com.br/apps/theming/image/background?v=10");
}