/*
 * ─── BRAND COLORS ────────────────────────────────────────────────────────────
 * Keep these CSS vars in sync with AppColors in lib/config/app_colors.dart.
 * Update all three values for each new app.
 * ─────────────────────────────────────────────────────────────────────────────
 */
:root {
  /* Background layers — matches AppColors in lib/config/app_colors.dart */
  --background: #0f0f1a; /* deep dark navy — scaffold background */
  --surface: #1a1a2e; /* card / drawer surface */

  /* Brand colors */
  --primary: #5c35ff; /* electric purple */
  --accent: #00e5cc; /* neon teal */
  --tertiary: #ff6b6b; /* coral */

  /* Text */
  --text-primary: #ffffff;
  --text-secondary: #b0b0c0; /* muted purple-grey */
  --text-on-accent: #0f0f1a; /* dark text on teal buttons */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, sans-serif;
}