/* ============================================================
   1git.eu — Custom Gitea Theme
   Aesthetic: Refined colors, smooth UI, original fonts
   ============================================================ */

/* --- LIGHT THEME — Warm, Elegant --- */
:root {
  --color-primary: #2563eb;
  --color-primary-dark-1: #1d4ed8;
  --color-primary-dark-2: #1e40af;
  --color-primary-light-1: #3b82f6;
  --color-primary-light-2: #60a5fa;
  --color-primary-light-3: #93bbfd;
  --color-primary-light-4: #bfdbfe;
  --color-primary-light-5: #dbeafe;
  --color-primary-light-6: #eff6ff;
  --color-primary-light-7: #f8fbff;
  --color-primary-alpha-10: #2563eb19;
  --color-primary-alpha-20: #2563eb33;
  --color-primary-alpha-30: #2563eb4b;
  --color-primary-alpha-40: #2563eb66;
  --color-primary-alpha-50: #2563eb80;

  --color-body: #fafaf8;
  --color-box-header: #f0eeeb;
  --color-box-body: #ffffff;
  --color-nav-bg: #f5f3f0;
  --color-secondary-nav-bg: #faf9f7;
  --color-menu: #f5f3f0;
  --color-card: #f8f7f5;
  --color-button: #f5f3f0;
  --color-code-bg: #fdfcfa;
  --color-secondary-bg: #f0eeeb;
  --color-hover-opaque: #edebe8;
  --color-light-border: #e0ddd8;

  --color-text-dark: #1a1815;
  --color-text: #2d2a26;
  --color-text-light: #4a4640;
  --color-text-light-1: #5c5852;
  --color-text-light-2: #7a756e;
  --color-text-light-3: #97928b;

  --color-shadow: #1a181520;
  --color-shadow-opaque: #d5d2cd;

  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-6);
  --color-highlight-bg: #fef9c3;
  --color-highlight-fg: #ca8a04;
}

/* --- DARK THEME — Deep Ocean, Vibrant Accents --- */
[data-theme="gitea-dark"] :root,
:root[data-theme="gitea-dark"] {
  --color-primary: #60a5fa !important;
  --color-primary-dark-1: #3b82f6 !important;
  --color-primary-dark-2: #2563eb !important;
  --color-primary-light-1: #93bbfd !important;
  --color-primary-light-2: #bfdbfe !important;
  --color-primary-light-3: #60a5fa40 !important;
  --color-primary-light-4: #60a5fa30 !important;
  --color-primary-light-5: #60a5fa20 !important;
  --color-primary-light-6: #60a5fa10 !important;

  --color-body: #0f1419 !important;
  --color-box-header: #151b22 !important;
  --color-box-body: #0d1117 !important;
  --color-box-body-highlight: #161b22 !important;
  --color-nav-bg: #131920 !important;
  --color-menu: #131920 !important;
  --color-card: #131920 !important;
  --color-button: #1a2130 !important;
  --color-code-bg: #0d1117 !important;
  --color-secondary-bg: #151b22 !important;

  --color-text-dark: #ecf0f5 !important;
  --color-text: #c9d1d9 !important;
  --color-text-light: #9eaab6 !important;
  --color-text-light-1: #8b98a5 !important;
  --color-text-light-2: #6e7e8c !important;
  --color-text-light-3: #536471 !important;

  --color-input-background: #0d1117 !important;
  --color-shadow: #00000050 !important;
  --color-shadow-opaque: #000000 !important;

  --color-secondary: #30363d !important;
  --color-secondary-dark-1: #2a3038 !important;
  --color-light-border: #21262d !important;
  --color-hover-opaque: #1a2030 !important;
}

/* Fallback: auto dark theme via media query */
@media (prefers-color-scheme: dark) {
  :root[data-theme="gitea-auto"] {
    --color-primary: #60a5fa !important;
    --color-primary-dark-1: #3b82f6 !important;
    --color-primary-dark-2: #2563eb !important;
    --color-primary-light-1: #93bbfd !important;
    --color-primary-light-2: #bfdbfe !important;

    --color-body: #0f1419 !important;
    --color-box-header: #151b22 !important;
    --color-box-body: #0d1117 !important;
    --color-box-body-highlight: #161b22 !important;
    --color-nav-bg: #131920 !important;
    --color-menu: #131920 !important;
    --color-card: #131920 !important;
    --color-button: #1a2130 !important;
    --color-code-bg: #0d1117 !important;
    --color-secondary-bg: #151b22 !important;

    --color-text-dark: #ecf0f5 !important;
    --color-text: #c9d1d9 !important;
    --color-text-light: #9eaab6 !important;
    --color-text-light-1: #8b98a5 !important;
    --color-text-light-2: #6e7e8c !important;
    --color-text-light-3: #536471 !important;

    --color-input-background: #0d1117 !important;
    --color-shadow: #00000050 !important;
    --color-secondary: #30363d !important;
    --color-light-border: #21262d !important;
    --color-hover-opaque: #1a2030 !important;
  }
}

/* --- Smooth Transitions --- */
a, .button, .ui.button, .item, .label, .ui.label,
.ui.segment, .ui.card, .ui.header, .ui.input input,
.ui.dropdown, .repository, .repo-header {
  transition: all 0.15s ease !important;
}

/* --- Buttons: Refined --- */
.ui.primary.button, .ui.primary.buttons .button {
  font-weight: 600;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px var(--color-primary-alpha-30);
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
  box-shadow: 0 2px 8px var(--color-primary-alpha-40);
  transform: translateY(-1px);
}

.ui.button, .ui.basic.button {
  border-radius: 8px !important;
}

/* --- Cards & Segments: Soft Elevation --- */
.ui.segment, .ui.segments {
  border-radius: 10px !important;
  box-shadow: 0 1px 3px var(--color-shadow) !important;
  border: 1px solid var(--color-light-border) !important;
}

/* --- Input Fields: Clean & Rounded --- */
.ui.input input, .ui.form input[type="text"],
.ui.form input[type="password"], .ui.form input[type="email"],
.ui.form textarea, .ui.selection.dropdown {
  border-radius: 8px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ui.input input:focus, .ui.form input:focus, .ui.form textarea:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px var(--color-primary-alpha-20) !important;
}

/* --- Dropdowns --- */
.ui.dropdown .menu {
  border-radius: 8px !important;
  box-shadow: 0 4px 16px var(--color-shadow) !important;
  border: 1px solid var(--color-light-border) !important;
}

/* --- Navbar --- */
#navbar {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* --- Labels & Tags: Pill Shape --- */
.ui.label {
  border-radius: 20px !important;
  padding: 0.3em 0.8em !important;
}

/* --- Avatar: Rounded --- */
.avatar, .ui.avatar.image, img.avatar {
  border-radius: 50% !important;
}

/* --- Smooth Page Scroll --- */
html {
  scroll-behavior: smooth;
}

/* --- Selection Color --- */
::selection {
  background: var(--color-primary-alpha-30);
}

/* --- Scrollbar: Thinner, Styled --- */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--color-text-light-3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-light-2);
}

/* --- Mobile --- */
@media (max-width: 768px) {
  .ui.container {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
}

/* --- Print --- */
@media print {
  #navbar, .page-footer, .ui.secondary.pointing.menu {
    display: none !important;
  }
}