:root {
  /* AIEvolutio Branding (blue + coral + sky) */
  --brand-primary: #05518b;           /* deep blue */
  --brand-primary-contrast: #ffffff;
  --brand-accent: #ff6d4d;            /* coral */
  --brand-accent-contrast: #ffffff;
  --brand-secondary: #4fa3d1;         /* sky blue */

  /* UI base */
  --bg: #ffffff;
  --surface: #f7f9fc;
  --text: #222222; /* stronger for better contrast */
  --muted: #6b7280;
  --link: var(--brand-secondary); /* default: corporate light blue */
  --ok: #22c55e; --warn: #f59e0b; --err: #ef4444;

  /* Typography */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;

  /* Scales */
  --max-content: 1100px;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem;
  --motion-fast: 160ms; /* default transition when motion allowed */
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b1220;
    --surface: #0f172a;
    --text: #e5e7eb;
    --muted: #9ca3af;
  --link: #8fd1f1; /* still light blue in dark mode for contrast */
  }
}