/*
brand-overrides.css
Overrides brand variables and a few component shadows to match the updated icon.png
palette (dark navy canvas + lime accent). This file is loaded after styles.css so
these variables will take priority without changing the main stylesheet.
*/

::root {
  /* Using the original variable names so other styles don't need changes */
  --brand-blue: #C7F000;       /* bright lime accent (primary) */
  --brand-blue-dark: #9AC500;  /* darker lime for buttons/hover */
  --brand-blue-light: #E6FF7A; /* light lime for subtle accents */
  --text-on-blue: #071523;     /* dark text on lime backgrounds */
  --surface: #071523;          /* deep navy page background (matches icon) */
  --text: #E6F2F6;             /* light text for readability on dark bg */
}

/* Override a few component shadows and focus ring to use lime tones */
.form-input:focus,
.form-textarea:focus {
  box-shadow: 0 0 0 1px rgba(199,240,0,0.18) !important;
}

.btn-primary {
  box-shadow: 0 10px 25px rgba(154,197,0,0.35) !important;
}

.btn-primary:active {
  box-shadow: 0 6px 16px rgba(154,197,0,0.35) !important;
}

/* Ensure page background uses the updated surface color (dark navy) */
body.page {
  background: var(--surface);
}