@charset "UTF-8";

:root {
  /* Primary Colors */
  --color-primary: #1D4ED8;
  --color-primary-light: #3B82F6;
  --color-primary-bright: #2563EB;
  --color-primary-dark: #1E3A8A;

  /* Neutral Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-background: #f8fafc;
  --color-background-alt: #f9f9f9;
  --color-background-light: #f5f5f5;

  /* Dark Background Colors */
  --color-bg-dark: #3d4e5d;
  --color-bg-dark-medium: #33414e;
  --color-bg-dark-deep: #273541;
  --color-bg-dark-border: #2f3c48;
  --color-bg-dark-border-deep: #23303b;

  /* Text Colors */
  --color-text-primary: #333333;
  --color-text-primary-dark: #434a54;
  --color-text-secondary: #656d78;
  --color-text-tertiary: #cccccc;
  --color-text-white: #ffffff;
  --color-text-black: #000000;

  /* Accent Colors */
  --color-accent-yellow: #ffd559;
  --color-accent-green: #95b75d;

  /* Overlay Colors */
  --color-overlay-light: rgba(0, 0, 0, 0.05);
  --color-overlay-medium: rgba(0, 0, 0, 0.1);
  --color-overlay-dark: rgba(0, 0, 0, 0.15);
  --color-overlay-very-light: rgba(0, 0, 0, 0.03);
  --color-overlay-shadow: rgba(0, 0, 0, 0.08);

  /* Primary Color Overlays */
  --color-primary-overlay-light: rgba(29, 78, 216, 0.1);
  --color-primary-overlay-medium: rgba(29, 78, 216, 0.5);

  /* Background Colors */
  --color-bg-white: var(--color-white);
  --color-bg-white-transparent: rgba(255, 255, 255, 0.85);

  /* Border Colors */
  --color-border-light: #e5e5e5;
  --color-border-medium: #cccccc;
  --color-border-dark: #bbbbbb;
  --color-border-white: #ffffff;
  --color-border-bg: #f5f5f5;

  /* Status Colors */
  --color-success: #95b75d;
  --color-error: #b64645;
  --color-warning: #ffd559;
}