/* ============================================================
   brito.ai — Gradients ("degradê")
   Cosmic, dark, low-saturation washes built from Obsidian /
   Midnight, with the locked spectrum reserved for thin accents
   and rare aurora blooms. Used sparingly; never the only carrier
   of meaning.
   ============================================================ */

:root {
  /* ---- Dark cosmic page/section washes ---- */
  --grad-cosmic:
    radial-gradient(120% 120% at 16% 0%, #14182e 0%, transparent 52%),
    radial-gradient(120% 120% at 100% 8%, #11132a 0%, transparent 50%),
    var(--obsidian);

  --grad-obsidian:
    linear-gradient(170deg, #0b0c14 0%, var(--obsidian) 60%),
    var(--obsidian);

  --grad-midnight:
    radial-gradient(130% 120% at 50% -10%, var(--midnight) 0%, transparent 60%),
    var(--obsidian);

  /* Aurora — a faint spectrum bloom for hero backdrops (very low alpha) */
  --grad-aurora:
    radial-gradient(80% 60% at 30% 0%, rgba(107,123,255,0.16) 0%, transparent 60%),
    radial-gradient(70% 60% at 85% 10%, rgba(59,212,247,0.10) 0%, transparent 55%),
    radial-gradient(90% 70% at 60% 100%, rgba(184,107,255,0.10) 0%, transparent 60%),
    var(--obsidian);

  /* ---- Light section washes (cream) ---- */
  --grad-cream:
    radial-gradient(120% 120% at 12% 0%, #fffdf7 0%, transparent 50%),
    radial-gradient(120% 120% at 100% 100%, #efeadb 0%, transparent 55%),
    var(--cream);

  /* ---- Locked spectrum strip (motion / thin accents) ---- */
  --grad-spectrum:
    linear-gradient(90deg, #FFB86B 0%, #FF5BA8 25%, #B86BFF 50%, #6B7BFF 75%, #3BD4F7 100%); /* @kind color */

  /* Cobalt fill (primary accent surface) */
  --grad-cobalt:
    linear-gradient(135deg, var(--cobalt-600) 0%, var(--cobalt-500) 55%, var(--cobalt-400) 100%);

  /* Chrome (metallic, echoes the mark body) */
  --grad-chrome:
    linear-gradient(160deg, #f6f7fa 0%, #dadde6 26%, #7b8296 56%, #2d3343 80%, #0a0d18 100%); /* @kind color */
}

/* ---- Background utilities ---- */
.bg-cosmic   { background: var(--grad-cosmic);   background-attachment: fixed; }
.bg-obsidian { background: var(--grad-obsidian); }
.bg-midnight { background: var(--grad-midnight); }
.bg-aurora   { background: var(--grad-aurora);   background-attachment: fixed; }
.bg-cream    { background: var(--grad-cream); }