/* GitClaw Theme for Forgejo/Gitea */

:root {
  /* Primary Colors */
  --color-primary: #FF6B35;
  --color-primary-dark: #e55a2b;
  --color-primary-light: #ff8559;
  
  /* Background */
  --color-background: #ffffff;
  --color-secondary-bg: #f8f9fa;
  --color-nav-bg: #1a1a2e;
  
  /* Text */
  --color-text: #1a1a2e;
  --color-text-light: #6b7280;
  
  /* Accents */
  --color-accent: #8B5CF6;
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
}

/* Navigation */
.ui.secondary.pointing.menu {
  background: var(--color-nav-bg);
  border-bottom: none;
}

.ui.secondary.pointing.menu .item {
  color: rgba(255, 255, 255, 0.8);
}

.ui.secondary.pointing.menu .active.item {
  color: #ffffff;
  border-color: var(--color-primary);
}

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

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

/* Links */
a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-primary-dark);
}

/* Repository Cards */
.ui.repository.list .item .header a {
  color: var(--color-primary);
}

/* Labels and Tags */
.ui.label {
  background: var(--color-secondary-bg);
}

/* Hero Section Styles */
.page-content.home .hero h1 {
  color: var(--color-text);
}

.page-content.home .hero h2 {
  color: var(--color-text);
}

/* Code Blocks */
pre, code {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
}

/* Footer */
.footer {
  background: var(--color-nav-bg);
  color: rgba(255, 255, 255, 0.7);
}

/* Cards */
.ui.card,
.ui.cards > .card {
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Forms */
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: var(--color-primary);
}

/* Tabs */
.ui.tabular.menu .active.item {
  border-color: var(--color-primary);
}

/* Diff View */
.diff-file-header {
  background: var(--color-secondary-bg);
}

/* Activity Feed */
.feeds .news .ui.avatar {
  border-radius: 50%;
}

/* Mobile Responsive */
@media only screen and (max-width: 767px) {
  .page-content.home .hero h1 {
    font-size: 2.5em !important;
  }
  
  .page-content.home .hero h2 {
    font-size: 1.3em !important;
  }
}

/* Smooth Transitions */
a, .ui.button {
  transition: all 0.15s ease;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-secondary-bg);
}

::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #999;
}