/*
 * 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 {
  --main-blue: #333399;
  --main-salmon: #E05C5D;
  --light-blue: #EBE9FF;
  --light-salmon: #FABBBB;
  --dark-blue: #020033;
  --light-gray: #F5F5F5;
}

/* Custom daisyUI theme colors */
.theme-custom {
  --primary: var(--main-blue);
  --primary-content: white;
  --secondary: var(--main-salmon);
  --secondary-content: white;
  --accent: var(--light-blue);
  --color-accent: var(--light-blue);
  --accent-content: var(--dark-blue);
  --color-neutral: var(--dark-blue);
  --neutral-content: white;
  --base-100: white;
  --base-200: var(--light-blue);
  --base-300: var(--light-salmon);
  --base-content: var(--dark-blue);
}

/* Custom utility classes */
.bg-main-blue { background-color: var(--main-blue); }
.bg-main-salmon { background-color: var(--main-salmon); }
.bg-light-blue { background-color: var(--light-blue); }
.bg-light-salmon { background-color: var(--light-salmon); }
.text-dark-blue { color: var(--dark-blue); }
.text-main-blue { color: var(--main-blue); }
.text-main-salmon { color: var(--main-salmon); }

/* Sidebar styling */
.sidebar {
  background-color: var(--light-gray);
}

/* Buttons */
.btn {
  border-radius: 8px;
  box-shadow: none;
}