/* GTME School Theme Overrides */

:root {
  /* Neon green primary from GTMESchool.ai */
  --cds-interactive-01: #39ff14;
  --cds-interactive-02: #2dd10f;
  --cds-primary-button-background: #39ff14;
  --cds-primary-button-background-hover: #2dd10f;
  --cds-link-01: #39ff14;
  --cds-link-02: #2dd10f;
  --cds-focus: #39ff14;
  --cds-border-interactive: #39ff14;
  --main-primary-color: #39ff14;
}

/* Primary color overrides */
.text-primary-700 {
  color: #39ff14 !important;
}

.bg-primary-700 {
  background-color: #39ff14 !important;
}

.border-primary-700 {
  border-color: #39ff14 !important;
}

.hover\:border-primary-700:hover {
  border-color: #39ff14 !important;
}

/* Carbon button overrides */
.bx--btn--primary {
  background-color: #39ff14 !important;
  color: #000 !important;
  font-weight: 600;
}

.bx--btn--primary:hover {
  background-color: #2dd10f !important;
}

/* Text/ghost button in navigation */
.bx--btn--ghost,
.bx--btn--tertiary {
  color: #fff !important;
}

.bx--btn--ghost:hover,
.bx--btn--tertiary:hover {
  color: #39ff14 !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Dark mode enhancements */
.dark {
  --cds-interactive-01: #39ff14;
  --cds-text-01: #fff;
}

/* Navigation link colors on dark header */
nav a {
  color: #fff !important;
}

nav a:hover {
  color: #39ff14 !important;
}

/* Hide ClassroomIO branding elements */
[data-cio-branding],
.classroomio-branding {
  display: none !important;
}

/* Link colors */
a.text-primary-700,
.text-primary-700 a {
  color: #39ff14 !important;
}

a.text-primary-700:hover {
  color: #2dd10f !important;
}

/* Logo text styling */
.logo span {
  color: #fff;
}

/* Contained button (Sign Up) */
button[class*="contained"],
.btn-contained {
  background-color: #39ff14 !important;
  color: #000 !important;
  font-weight: 600;
  border-radius: 0.5rem;
}

button[class*="contained"]:hover,
.btn-contained:hover {
  background-color: #2dd10f !important;
}

/* Form inputs - dark theme */
.form-input,
input.form-input,
input[type="text"],
input[type="email"],
input[type="password"] {
  background-color: #1a1a2e !important;
  color: #fff !important;
  border-color: #333 !important;
}

.form-input::placeholder,
input::placeholder {
  color: #666 !important;
}

.form-input:focus,
input:focus {
  border-color: #39ff14 !important;
  background-color: #1a1a2e !important;
}

/* Labels */
label p,
.text-sm {
  color: #fff;
}

/* Auth page specific */
.container p,
.container label {
  color: #fff !important;
}

.container .font-semibold {
  color: #fff !important;
}