:root {
  --primary-color: #3498db;
  --secondary-color: #2ecc71;
  --tertiary-color: #e74c3c;

  --dark-gray: #2c3e50;
  --dark-font: #ecf0f1;

  --background-animation-primary: #1abc9c;
  --background-animation-light: rgba(26, 188, 156, 0.3);
  --background-animation-dark: rgba(26, 188, 156, 0.08);

  --black: #12202e;
  --white: #ecf0f1;

  --important-notice: #6b3382;
  --important-notice-border: #a855f7;

  --legal-notice: #666;

  /* Vuetify background color override */
  --app-background:
    radial-gradient(circle at top right, rgba(52, 152, 219, 0.25), transparent 45%),
    linear-gradient(135deg, #243447 0%, #1b2836 100%);
}