/* assets/css/theme.css */
:root{
  /* XyroLab.pro — AI education platform (NEW palette) */
  --xl-ink: #070A12;
  --xl-graphite: #0F172A;
  --xl-slate: #22304A;

  --xl-violet: #6D28D9;
  --xl-cyan: #22D3EE;
  --xl-lime: #A3E635;
  --xl-amber: #FBBF24;

  --xl-mist: #F6F8FF;
  --xl-surface: #FFFFFF;
  --xl-surface-2: #EEF2FF;

  --bg: var(--xl-mist);
  --surface: var(--xl-surface);
  --surface-2: var(--xl-surface-2);

  --text: #0B1220;
  --muted: #51607A;

  --border: rgba(11,18,32,.12);

  --primary: var(--xl-violet);
  --primary-2: #5B21B6;
  --accent: var(--xl-cyan);
  --accent-2: #0EA5E9;
  --highlight: var(--xl-lime);
  --warn: var(--xl-amber);

  --radius-lg: 22px;
  --radius-md: 16px;

  --shadow: 0 18px 52px rgba(7,10,18,.14);
  --shadow-soft: 0 12px 28px rgba(7,10,18,.10);

  --grad-hero:
    radial-gradient(900px 520px at 12% 18%, rgba(109,40,217,.22), rgba(109,40,217,0) 62%),
    radial-gradient(860px 520px at 86% 16%, rgba(34,211,238,.22), rgba(34,211,238,0) 60%),
    radial-gradient(980px 660px at 52% 78%, rgba(163,230,53,.15), rgba(163,230,53,0) 62%);

  --grad-chip: linear-gradient(135deg, rgba(109,40,217,.16), rgba(34,211,238,.14));
  --grad-card: linear-gradient(180deg, rgba(255,255,255,.92), rgba(238,242,255,.92));
  --grad-micro: linear-gradient(90deg, rgba(109,40,217,.10), rgba(34,211,238,.10), rgba(163,230,53,.10));
  --grad-cta: linear-gradient(135deg, rgba(109,40,217,.12), rgba(34,211,238,.10), rgba(163,230,53,.10));
}