:root {
  /* light sport */
  --color-sport-light-background: #f8f9fa;
  --color-sport-light-surface: #e9ecef;
  --color-sport-light-surface-bright: #ffffff;
  --color-sport-light-surface-light: #dee2e6;
  --color-sport-light-surface-variant: #e63946;
  --color-sport-light-on-surface-variant: #f8f9fa;
  --color-sport-light-primary: #e63946;
  --color-sport-light-primary-darken-1: #d12b38;
  --color-sport-light-secondary: #457b9d;
  --color-sport-light-secondary-darken-1: #3c6a8d;
  --color-sport-light-error: #d00000;
  --color-sport-light-info: #1d3557;
  --color-sport-light-success: #2a9d8f;
  --color-sport-light-warning: #f4a261; /* dark sport */
  --color-sport-dark-background: #0a1428;
  --color-sport-dark-surface: #1a2438;
  --color-sport-dark-surface-bright: #2a3448;
  --color-sport-dark-surface-light: #141e32;
  --color-sport-dark-surface-variant: #ff6b7a;
  --color-sport-dark-on-surface-variant: #0a1428;
  --color-sport-dark-primary: #ff6b7a;
  --color-sport-dark-primary-darken-1: #e85b6a;
  --color-sport-dark-secondary: #6a9dc9;
  --color-sport-dark-secondary-darken-1: #5a8db9;
  --color-sport-dark-error: #ff4757;
  --color-sport-dark-info: #4d6a9d;
  --color-sport-dark-success: #5abdaf;
  --color-sport-dark-warning: #f8b871;
}
.theme-sport-light {
  --color-tw-background: var(--color-sport-light-background);
  --color-tw-surface: var(--color-sport-light-surface);
  --color-tw-surface-bright: var(--color-sport-light-surface-bright);
  --color-tw-surface-light: var(--color-sport-light-surface-light);
  --color-tw-surface-variant: var(--color-sport-light-surface-variant);
  --color-tw-on-surface-variant: var(--color-sport-light-on-surface-variant);
  --color-tw-primary: var(--color-sport-light-primary);
  --color-tw-primary-darken-1: var(--color-sport-light-primary-darken-1);
  --color-tw-secondary: var(--color-sport-light-secondary);
  --color-tw-secondary-darken-1: var(--color-sport-light-secondary-darken-1);
  --color-tw-error: var(--color-sport-light-error);
  --color-tw-info: var(--color-sport-light-info);
  --color-tw-success: var(--color-sport-light-success);
  --color-tw-warning: var(--color-sport-light-warning);
}
.theme-sport-dark {
  --color-tw-background: var(--color-sport-dark-background);
  --color-tw-surface: var(--color-sport-dark-surface);
  --color-tw-surface-bright: var(--color-sport-dark-surface-bright);
  --color-tw-surface-dark: var(--color-sport-dark-surface-dark);
  --color-tw-surface-variant: var(--color-sport-dark-surface-variant);
  --color-tw-on-surface-variant: var(--color-sport-dark-on-surface-variant);
  --color-tw-primary: var(--color-sport-dark-primary);
  --color-tw-primary-darken-1: var(--color-sport-dark-primary-darken-1);
  --color-tw-secondary: var(--color-sport-dark-secondary);
  --color-tw-secondary-darken-1: var(--color-sport-dark-secondary-darken-1);
  --color-tw-error: var(--color-sport-dark-error);
  --color-tw-info: var(--color-sport-dark-info);
  --color-tw-success: var(--color-sport-dark-success);
  --color-tw-warning: var(--color-sport-dark-warning);
}