:root {
  /* Core Brand Colors from Logo */
  --color-primary: #211951; /* Pare Deep Purple/Navy */
  --color-primary-hover: #33277b; 
  --color-primary-active: #151034;
  
  --color-primary-light-1: #4c3ba3;
  --color-primary-light-2: #7262c5;
  --color-primary-light-3: #9b8edc;
  --color-primary-light-4: #c9c2f0;
  --color-primary-light-5: #e8e5fa;
  
  --color-primary-dark-1: #1a1441;
  --color-primary-dark-2: #130f31;
  --color-primary-dark-3: #0d0a20;

  /* Accent (Green/Teal from logo gradient) */
  --color-secondary: #64748b;
  --color-success: #00c28f; /* Teal Accent */
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #15f5ba; /* Neon Teal */

  /* Typography & Layout Tweaks */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  --border-radius: 8px !important;
}

/* Custom UI Enhancements */
body {
  font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
}

/* Swap Logo via CSS */
img[src*="logo.svg"], .logo, #navbar-logo {
  content: url("../img/logo-dark-letters.svg") !important;
  height: 32px !important;
  width: auto !important;
}

/* Modernizing buttons */
.ui.button, .ui.buttons .button {
  border-radius: var(--border-radius) !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.ui.primary.button, .ui.primary.buttons .button {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover {
  background-color: var(--color-primary-hover) !important;
}
.ui.primary.button:active, .ui.primary.buttons .button:active {
  background-color: var(--color-primary-active) !important;
}

/* Modernizing input fields */
.ui.input input, .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url] {
  border-radius: var(--border-radius) !important;
  border: 1px solid #e2e8f0 !important;
  padding: 0.6em 1em !important;
  transition: all 0.2s ease !important;
}

.ui.input input:focus, .ui.form input:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary-light-5) !important;
}

/* Rounded Cards & Containers */
.ui.card, .ui.cards>.card, .ui.segment {
  border-radius: var(--border-radius) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important;
  border: 1px solid #e2e8f0 !important;
}

/* Repo Header & Navigation Bar shadow */
#navbar {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background-color: #ffffff !important;
}

.repo-header {
  border-bottom: 1px solid #f1f5f9 !important;
}

/* Home Page Large Logo styling */
.brand-large-logo {
  background-image: url("../img/logo-dark-letters.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}