/**
 * ALEX color tokens (synced from the frontend).
 *
 * Notes:
 * - RGB triplets are stored as space-separated values so we can use
 *   `rgb(var(--alex-primary) / <alpha>)`.
 */

:root {
  /* Brand */
  --alex-primary: 87 80 241; /* #5750F1 */

  /* Neutrals (light) */
  --alex-bg: 243 244 246; /* #F3F4F6 */
  --alex-surface: 255 255 255; /* #FFFFFF */
  --alex-text: 17 25 40; /* #111928 */
  --alex-border: 230 235 241; /* #E6EBF1 */

  /* Semantic */
  --alex-success: 34 173 92; /* #22AD5C */
  --alex-danger: 242 48 48; /* #F23030 */
  --alex-warning: 245 158 11; /* #F59E0B */
  --alex-info: 60 80 224; /* #3C50E0 */
}

.dark {
  --alex-bg: 2 13 26; /* #020D1A */
  --alex-surface: 31 42 55; /* #1F2A37 */
  --alex-text: 255 255 255; /* #FFFFFF */
  --alex-border: 39 48 62; /* #27303E */
}