/*
Template Name: Cyan Abyss
Template Version: 1.0.0
Template Author: Mu Sephirot
Template Description: Diseño original. Oscuro con acento cian eléctrico. Fantasía medieval premium.
*/

:root {
  /* Accent */
  --cyan:          #00d4ff;
  --cyan-bright:   #00f5ff;
  --cyan-dim:      rgba(0, 212, 255, .12);
  --cyan-glow:     rgba(0, 212, 255, .25);
  --cyan-border:   rgba(0, 212, 255, .18);

  /* Backgrounds */
  --bg-base:       #050508;
  --bg-deep:       #020204;
  --bg-card:       #0f1520;
  --bg-card-hover: #141c2a;
  --bg-sidebar:    #080c14;
  --bg-overlay:    rgba(5, 5, 8, .92);

  /* Atmospheric gradients */
  --bg-glow-top:    rgba(0, 212, 255, .07);
  --bg-glow-bottom: rgba(0, 100, 180, .05);

  /* Text */
  --text:           #e8eaf0;
  --text-secondary: #a0a8bc;
  --text-muted:     #5a6480;

  /* Glows */
  --glow-sm: 0 0 12px rgba(0, 212, 255, .20);
  --glow-md: 0 0 24px rgba(0, 212, 255, .30);
  --glow-lg: 0 0 40px rgba(0, 212, 255, .15);
}

body::before {
  background:
    radial-gradient(ellipse 80% 40% at 50% -10%, var(--bg-glow-top)    0%, transparent 60%),
    radial-gradient(ellipse 50% 30% at 90% 80%,  var(--bg-glow-bottom) 0%, transparent 50%);
}