:root{
/* Base — night */
--db-night:#07070b;
--db-night-raised:#0e0e16;
--db-night-card:#101018;
--db-white:#ffffff;
--db-paper:#f3f2f8;

/* Brand accents — one per creative núcleo */
--db-violet:#8A2BE2;     /* Design · primary accent */
--db-violet-light:#c9a0ff;
--db-violet-glow:#a569ff;
--db-gold:#DAA520;       /* Highlights, hover, italic emphasis */
--db-blue:#1a1ad0;       /* Música */
--db-blue-bright:#4a4aff;
--db-blue-glow:rgb(30,40,230);
--db-red:#d1283c;        /* Digital */
--db-teal:rgb(0,150,160);/* ambient glow only */

/* White alphas (text + lines on night) */
--db-white-90:rgba(255,255,255,.9);
--db-white-80:rgba(255,255,255,.8);
--db-white-78:rgba(255,255,255,.78);
--db-white-70:rgba(255,255,255,.7);
--db-white-60:rgba(255,255,255,.6);
--db-white-55:rgba(255,255,255,.55);
--db-white-50:rgba(255,255,255,.5);
--db-white-30:rgba(255,255,255,.3);
--db-white-24:rgba(255,255,255,.24);
--db-white-18:rgba(255,255,255,.18);
--db-white-16:rgba(255,255,255,.16);
--db-white-12:rgba(255,255,255,.12);
--db-white-08:rgba(255,255,255,.08);
--db-white-02:rgba(255,255,255,.02);

/* Semantic */
--bg-page:var(--db-night);
--bg-raised:var(--db-night-raised);
--bg-card-media:var(--db-night-card);
--bg-field:rgba(7,7,11,.55);
--bg-field-quiet:rgba(7,7,11,.4);
--fg-1:var(--db-paper);
--fg-strong:var(--db-white);
--fg-2:var(--db-white-70);
--fg-3:var(--db-white-55);
--fg-placeholder:rgba(243,242,248,.45);
--fg-inverse:var(--db-night);
--fg-accent:var(--db-gold);
--line-1:var(--db-white-18);
--line-2:var(--db-white-08);
--line-field:var(--db-white-16);
--line-dashed:rgba(255,255,255,.28);
--accent:var(--db-violet);
--accent-2:var(--db-gold);
--focus-ring:0 0 0 4px rgba(138,43,226,.25);
--selection-bg:var(--db-violet);

/* Núcleo mapping */
--nucleo-design:var(--db-violet);
--nucleo-audiovisual:var(--db-gold);
--nucleo-musica:var(--db-blue);
--nucleo-digital:var(--db-red);
--glow-design:rgba(138,43,226,.45);
--glow-audiovisual:rgba(218,165,32,.38);
--glow-musica:rgba(30,40,230,.42);
--glow-digital:rgba(209,40,60,.38);

/* Gradients */
--grad-progress:linear-gradient(90deg,#8A2BE2,#DAA520); /* @kind color */ 
--grad-text-fade:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.4)); /* @kind color */ 
--grad-text-violet:linear-gradient(180deg,rgba(190,140,255,.6),rgba(138,43,226,.14)); /* @kind color */ 
--grad-cover-violet:linear-gradient(165deg,#2a1070 0%,#8A2BE2 50%,#e0506a 100%); /* @kind color */ 
--grad-cover-blue:linear-gradient(165deg,#07124f 0%,#1a3ad0 52%,#5ac8e6 100%); /* @kind color */ 
--grad-cover-gold:linear-gradient(165deg,#4a2206 0%,#DAA520 52%,#ff6a2a 100%); /* @kind color */ 
--grad-cover-red:linear-gradient(165deg,#2a0a2a 0%,#8a1a3a 48%,#ff4a3a 100%); /* @kind color */ 
}