/**
 * Theme color palette
 * Central definition of all colors used across the site.
 */

:root {
  /* Primary brand colors */
  --color-primary: #3A2C77;
  --color-primary-dark: #2a1f5a;
  --color-primary-darker: #1e1642;
  --color-primary-light: rgba(58, 44, 119, 0.08);

  /* Backgrounds */
  --color-bg-light: #D5E7F6;

  /* Neutrals */
  --color-white: #ffffff;
  --color-white-muted: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-text: #464a4c;
  --color-text-muted: #9faaad;
  --color-text-dark: #222121;

  /* Borders & backgrounds */
  --color-border: #f0f0f0;
  --color-border-focus: #d9d9d9;
  --color-bg: #ffffff;

  /* Modal */
  --color-modal-bg: #fefefe;
  --color-modal-border: #888;
  --color-overlay: rgba(0, 0, 0, 0.4);

  /* Shadows */
  --color-shadow: rgba(0, 0, 0, 0.25);
  --color-shadow-light: rgba(0, 0, 0, 0.15);

  /* Semantic */
  --color-error: #f26a68;
  --color-disabled: #e6e6e6;
}