/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root {
  --color-primary: 24, 168, 247;
  --color-on-primary: 255, 255, 255;
  --color-secondary: 50, 210, 247;
  --color-on-secondary: 255, 255, 255;
  --color-tertiary: 48, 188, 214;
  --color-on-tertiary: 255, 255, 255;
  --color-body-bg: 247, 250, 252;
  --color-body-text: 45, 55, 72;
  --color-ring: 48, 188, 214;
  --color-card-bg: 255, 255, 255;
  --color-card-text: 45, 55, 72;
  --color-alert: 255, 0, 0;
  --color-on-alert: 255, 255, 255;
  --color-warning: 255, 153, 0;
  --color-on-warning: 255, 255, 255;
  --color-system: 50, 50, 50;

  /* Weather Colors */
  --weather-primary: var(--color-tertiary);
  /* 82, 212, 173; */
}