/* Dark theme (default) color tokens. Load before rcrz.css. */

:root {
  --rcrz-navy: #0F172A;
  --rcrz-cyan: #06B6D4;
  --rcrz-cyan-light: #22D3EE;
  --rcrz-lime: #84CC16;
  --rcrz-graphite: #334155;
  --rcrz-red: var(--rcrz-cyan);
  --rcrz-red-light: var(--rcrz-cyan-light);
  --rcrz-black: var(--rcrz-navy);
  --rcrz-grey-dark: var(--rcrz-graphite);
  --rcrz-grey: #64748B;
  --rcrz-white: #F1F5F9;
  --rcrz-blue: var(--rcrz-cyan);
  --rcrz-yellow: var(--rcrz-lime);
  --rcrz-hero-gradient-start: var(--rcrz-graphite);
  --rcrz-hero-gradient-end: var(--rcrz-navy);
  --rcrz-border-subtle: #303030;

  --rcrz-shadow-soft: 0 4px 12px rgba(0,0,0,0.4);
  --rcrz-shadow-hard: 0 8px 24px rgba(0,0,0,0.6);
}

:root {
  --calendar-event-race: var(--rcrz-cyan);
  --calendar-event-multi: var(--rcrz-lime);
  --calendar-event-mine: var(--rcrz-cyan-light);
  --calendar-event-pending: var(--rcrz-lime);
  --calendar-session: var(--rcrz-cyan-light);
}

input[type="date"],
input[type="datetime-local"] {
  color-scheme: dark;
}