/* =============================================================================
   Accessible Colour Palette
   Generated by Accessible Colour Palette Validator
   All colours meet WCAG 2.2 AA contrast requirements
   ============================================================================= */

/* Light Mode Colours */
:root {
  --bg-primary: #FFFFFC;
  --bg-secondary: #F5F5F5;
  --bg-interactive: #002E3B;
  --text-primary: #1A1A1A;
  --text-secondary: #4D4D4D;
  --text-interactive: #FFFFFC;
  --accent-primary: #0066CC;
  --accent-hover: #004C99;
  --border-standard: #CCCCCC;
  --state-success: #2D7A2D;
  --state-warning: #A15500;
  --state-error: #CC0000;
}

/* Dark Mode Colours */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary: #1A1A1A;
    --bg-secondary: #2A2A2A;
    --bg-interactive: #4A9FB8;
    --text-primary: #F5F5F5;
    --text-secondary: #B3B3B3;
    --text-interactive: #1A1A1A;
    --accent-primary: #66B3FF;
    --accent-hover: #99CCFF;
    --border-standard: #4D4D4D;
    --state-success: #5CB85C;
    --state-warning: #F0AD4E;
    --state-error: #FF6666;
  }
}

/* =============================================================================
   Usage Examples
   ============================================================================= */
/*
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.card {
  background-color: var(--bg-secondary);
}

a {
  color: var(--accent-primary);
}

a:hover {
  color: var(--accent-hover);
}

button {
  background-color: var(--bg-interactive);
  color: var(--text-interactive);
}

.success-message {
  color: var(--state-success);
}

.warning-message {
  color: var(--state-warning);
}

.error-message {
  color: var(--state-error);
}

.bordered {
  border: 1px solid var(--border-standard);
}
*/