/* Shared palette for public, student and instructor pages. */
:root {
  --color-page: #F0F4F6;
  --color-section-blue: #DDE9F0;
  --color-surface: #FFFFFF;
  --color-primary: #286B9B;
  --color-primary-hover: #1E567E;
  --color-navy: #183B56;
  --color-heading: #203447;
  --color-body: #203447;
  --color-muted: #52687A;
  --color-gold: #F2B84B;
  --color-gold-hover: #E3A63A;
  --color-success: #16805A;
  --color-border: #D5E0E7;
  --color-background: var(--color-page);
  --color-text: var(--color-body);
  --color-text-secondary: var(--color-muted);
  --color-accent: var(--color-gold);
  --color-accent-hover: var(--color-gold-hover);
  --color-control-border: #71899B;
  --color-error: #B84242;
  --color-info-surface: var(--color-section-blue);
  --color-info-hover: #D0E1EB;
  --color-success-surface: #EDF7F1;
  --color-error-surface: #FCEFEF;
  --color-pending: #755817;
  --color-pending-surface: #FFF6DE;
  --color-pending-border: #DFC77E;
  --color-accent-text: #8A6410;
  --color-disabled: #E5E7EB;
  --color-disabled-text: #52687A;
  --color-focus-ring: rgba(40, 107, 155, .28);
  --shadow-card: 0 1px 2px rgba(24, 59, 86, 0.05), 0 8px 18px rgba(24, 59, 86, 0.05);
  --theme-color: var(--color-primary);
  --theme-dark: var(--color-primary-hover);
}