/* assets/css/theme.css */
:root{
  /* XyroOne.click — NEW palette (electric + clean) */
  --xo-ink:#0B1220;
  --xo-paper:#FFFFFF;
  --xo-bg:#F6FAFF;

  --xo-indigo:#2D46FF;
  --xo-cyan:#22C1DC;
  --xo-lime:#B7F35A;
  --xo-coral:#FF6A7A;
  --xo-sun:#FFD166;
  --xo-slate:#6B7280;

  --xo-text: var(--xo-ink);
  --xo-muted: rgba(11,18,32,.68);
  --xo-border: rgba(11,18,32,.10);

  --xo-radius-lg: 22px;
  --xo-radius-md: 16px;
  --xo-radius-sm: 12px;

  --xo-shadow: 0 18px 45px rgba(11,18,32,.10);
  --xo-shadow-soft: 0 10px 28px rgba(11,18,32,.08);

  --xo-grad-hero:
    radial-gradient(900px 420px at 12% 18%, rgba(45,70,255,.18), transparent 62%),
    radial-gradient(820px 380px at 92% 25%, rgba(34,193,220,.14), transparent 62%),
    radial-gradient(900px 420px at 70% 90%, rgba(255,209,102,.14), transparent 60%);

  --xo-grad-chip: linear-gradient(135deg, rgba(45,70,255,.16), rgba(34,193,220,.10));
  --xo-grad-mark: linear-gradient(135deg, rgba(183,243,90,.16), rgba(45,70,255,.12), rgba(255,106,122,.10));
  --xo-link: #1C35FF;
  --xo-link-hover: #1428D9;
}

@media (prefers-color-scheme: dark){
  :root{
    --xo-paper:#0E1628;
    --xo-bg:#0B1220;
    --xo-text:#EAF0FF;
    --xo-muted: rgba(234,240,255,.70);
    --xo-border: rgba(234,240,255,.12);
    --xo-shadow: 0 18px 55px rgba(0,0,0,.40);
    --xo-shadow-soft: 0 10px 28px rgba(0,0,0,.32);
  }
}