/* ═══════════════════════════════════════════════════════════════════════════════
 * LIONS INTELLIGENCE — DUBAI GOLD TOKENS
 * paleta prime/luxo — preto absoluto + ouro 24k + areia do deserto
 *
 * uso ideal: contratos premium, dossiê patrimonial, propostas high-ticket,
 *            apresentação enterprise (Burj Al Arab, Sotheby's, Cartier-style)
 *
 * estratégia: este arquivo é uma VARIANTE de lions-tokens.css.
 * mantém TODOS os nomes de variáveis (--lions-cyan, --lions-navy etc)
 * pra não exigir refactor no código que já consome o sistema.
 * só os VALORES mudam — cyan → ouro 24k, navy → preto absoluto.
 *
 * versão: 1.0
 * data:   abril 2026
 * fonte:  skill kael-paletascoresprime-lions / paleta 01
 * ═══════════════════════════════════════════════════════════════════════════════ */

:root {
  /* ─── PALETA PRIMÁRIA — OURO 24K (substitui o cyan) ──────────────────── */
  --lions-cyan:           #D4AF37;     /* ouro 24k Burj Khalifa */
  --lions-cyan-glow:      #F4D77A;     /* ouro claro pra highlights/glow */
  --lions-cyan-bright:    #FBE8AC;     /* extreme highlight, splash */
  --lions-cyan-deep:      #A8842A;     /* hover, pressed buttons */
  --lions-cyan-shadow:    #6B541C;     /* depth, low-contrast text */
  --lions-cyan-fade:      rgba(212,175,55, 0.15);
  --lions-cyan-mist:      rgba(212,175,55, 0.06);

  /* preto absoluto + sépia profundo (substitui o navy) */
  --lions-navy:           #1C1814;     /* preto sépia escuro */
  --lions-navy-deep:      #0A0908;     /* preto absoluto */
  --lions-navy-mid:       #2A241C;     /* surface — areia escura */
  --lions-navy-soft:      #3A3022;     /* hover de cards */
  --lions-navy-light:     #4A3F2C;     /* bordas */

  /* ─── PALETA SECUNDÁRIA — ACCENTS ─────────────────────────────────────── */
  /* areia do deserto — accent neutro */
  --lions-gold:           #C9A96E;     /* areia */
  --lions-gold-light:     #E2C998;     /* areia clara */
  --lions-gold-deep:      #8B7547;     /* areia escura */
  --lions-gold-fade:      rgba(201,169,110, 0.12);

  /* magenta tech NÃO existe em Dubai Gold — substituído por bronze patinado */
  --lions-magenta:        #B8923A;
  --lions-magenta-glow:   #D4B560;
  --lions-magenta-deep:   #8B6914;

  /* ─── NEUTROS ─────────────────────────────────────────────────────────── */
  --lions-white:          #ffffff;
  --lions-cream:          #F8F4E8;     /* creme/marfim — texto principal sobre preto */
  --lions-gray-100:       #E8E4D8;
  --lions-gray-200:       #C8BFA8;
  --lions-gray-300:       #B8A878;     /* texto secundário ouro-poeira */
  --lions-gray-400:       #8A7A58;
  --lions-gray-500:       #5A4F3A;
  --lions-gray-600:       #2F2820;
  --lions-gray-700:       #1F1A14;
  --lions-gray-800:       #14110C;
  --lions-gray-900:       #0A0908;
  --lions-black:          #000000;

  /* ─── SEMÂNTICAS — STATES (preservadas pra UX) ────────────────────────── */
  --lions-success:        #4A8B3C;     /* verde mais sóbrio (não chocante no luxo) */
  --lions-success-glow:   #6FAA5C;
  --lions-warning:        #D4AF37;     /* o próprio ouro vira warning */
  --lions-error:          #B83228;     /* vermelho terracota (combina com ocre) */
  --lions-info:           #D4AF37;     /* mesmo ouro */

  /* ─── GRADIENTES OFICIAIS DUBAI GOLD ──────────────────────────────────── */
  --lions-grad-cyan:        linear-gradient(135deg, #F4D77A 0%, #D4AF37 50%, #8B6914 100%);
  --lions-grad-cyan-h:      linear-gradient(90deg, #D4AF37 0%, #F4D77A 50%, #D4AF37 100%);
  --lions-grad-navy:        linear-gradient(180deg, #2A241C 0%, #1C1814 50%, #0A0908 100%);
  --lions-grad-radial-glow: radial-gradient(ellipse at top, rgba(212,175,55,0.18) 0%, transparent 60%);
  --lions-grad-gold:        linear-gradient(135deg, #F4D77A 0%, #D4AF37 50%, #8B6914 100%);
  --lions-grad-circuit:     linear-gradient(135deg, #1C1814 0%, #2A241C 50%, #3A3022 100%);

  /* ─── SHADOWS / ELEVATION ─────────────────────────────────────────────── */
  --lions-shadow-glow:    0 0 24px rgba(212,175,55, 0.35);
  --lions-shadow-glow-lg: 0 0 48px rgba(212,175,55, 0.4), 0 0 96px rgba(212,175,55, 0.15);
  --lions-shadow-card:    0 4px 24px rgba(0,0,0, 0.55);
  --lions-shadow-card-lg: 0 12px 48px rgba(0,0,0, 0.7);
  --lions-shadow-inset:   inset 0 1px 0 rgba(212,175,55, 0.1);

  /* ─── BORDER RADIUS (mantido) ─────────────────────────────────────────── */
  --lions-radius-sm:      4px;
  --lions-radius-md:      8px;
  --lions-radius-lg:      12px;
  --lions-radius-xl:      20px;
  --lions-radius-full:    9999px;

  /* ─── ESPAÇAMENTOS (8pt grid — mantido) ───────────────────────────────── */
  --lions-space-1:        4px;
  --lions-space-2:        8px;
  --lions-space-3:        12px;
  --lions-space-4:        16px;
  --lions-space-5:        24px;
  --lions-space-6:        32px;
  --lions-space-7:        48px;
  --lions-space-8:        64px;
  --lions-space-9:        96px;
  --lions-space-10:       128px;

  /* ─── TIPOGRAFIA — DUBAI GOLD STACK ───────────────────────────────────── */
  /* display luxo — Cinzel = capitulares romanas, vibe joalheria */
  --lions-font-display:   'Cinzel', 'Trajan Pro', 'Optima', 'Playfair Display', serif;
  /* serif pra prosa longa (contratos, dossiês) */
  --lions-font-serif:     'Cormorant Garamond', 'Garamond', 'Times New Roman', serif;
  /* sans pra UI corrente */
  --lions-font-sans:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* mono pra dados, métricas, instrumental */
  --lions-font-mono:      'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;

  /* tamanhos fluid type (mantidos) */
  --lions-text-xs:        clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --lions-text-sm:        clamp(0.875rem, 0.825rem + 0.25vw, 1rem);
  --lions-text-base:      clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --lions-text-lg:        clamp(1.125rem, 1.05rem + 0.375vw, 1.375rem);
  --lions-text-xl:        clamp(1.375rem, 1.25rem + 0.625vw, 1.75rem);
  --lions-text-2xl:       clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);
  --lions-text-3xl:       clamp(2.5rem, 2rem + 2.5vw, 4rem);
  --lions-text-4xl:       clamp(3rem, 2.25rem + 3.75vw, 5.5rem);

  /* line-heights (mantidos) */
  --lions-leading-tight:  1.1;
  --lions-leading-snug:   1.3;
  --lions-leading-normal: 1.55;
  --lions-leading-relaxed:1.75;

  /* letter-spacings (mantidos) */
  --lions-tracking-tight:   -0.025em;
  --lions-tracking-normal:  0;
  --lions-tracking-wide:    0.05em;
  --lions-tracking-wider:   0.12em;
  --lions-tracking-widest:  0.22em;

  /* pesos (mantidos) */
  --lions-font-light:     300;
  --lions-font-regular:   400;
  --lions-font-medium:    500;
  --lions-font-semibold:  600;
  --lions-font-bold:      700;
  --lions-font-extra:     800;

  /* ─── ANIMAÇÕES E EASINGS (mantidos) ──────────────────────────────────── */
  --lions-ease-default:   cubic-bezier(0.4, 0, 0.2, 1);
  --lions-ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
  --lions-ease-in:        cubic-bezier(0.7, 0, 0.84, 0);
  --lions-ease-spring:    cubic-bezier(0.5, 1.5, 0.5, 1);
  --lions-duration-fast:  150ms;
  --lions-duration-base:  300ms;
  --lions-duration-slow:  500ms;
  --lions-duration-deep:  800ms;

  /* ─── BREAKPOINTS (mantidos) ──────────────────────────────────────────── */
  --lions-bp-sm:    640px;
  --lions-bp-md:    768px;
  --lions-bp-lg:    1024px;
  --lions-bp-xl:    1280px;
  --lions-bp-2xl:   1536px;

  /* ─── Z-INDEX (mantido) ───────────────────────────────────────────────── */
  --lions-z-behind:     -1;
  --lions-z-base:       0;
  --lions-z-dropdown:   10;
  --lions-z-sticky:     20;
  --lions-z-fixed:      30;
  --lions-z-modal:      40;
  --lions-z-popover:    50;
  --lions-z-tooltip:    60;
  --lions-z-toast:      70;
  --lions-z-max:        9999;
}

/* ═══════════════════════════════════════════════════════════════════════════════
 * UTILITIES — adaptadas pra Dubai Gold
 * ═══════════════════════════════════════════════════════════════════════════════ */

.lions-text-cyan        { color: var(--lions-cyan); }   /* ouro */
.lions-text-navy        { color: var(--lions-navy); }   /* preto sépia */
.lions-text-cream       { color: var(--lions-cream); }
.lions-text-glow        { color: var(--lions-cyan); text-shadow: 0 0 12px var(--lions-cyan-fade); }

.lions-bg-cyan          { background-color: var(--lions-cyan); }
.lions-bg-navy          { background-color: var(--lions-navy); }
.lions-bg-navy-deep     { background-color: var(--lions-navy-deep); }
.lions-bg-grad-cyan     { background: var(--lions-grad-cyan); }
.lions-bg-grad-navy     { background: var(--lions-grad-navy); }

.lions-display          { font-family: var(--lions-font-display); font-weight: 700; letter-spacing: var(--lions-tracking-wider); text-transform: uppercase; }
.lions-mono             { font-family: var(--lions-font-mono); }
.lions-serif            { font-family: var(--lions-font-serif); }

.lions-glow-soft        { box-shadow: var(--lions-shadow-glow); }
.lions-glow-strong      { box-shadow: var(--lions-shadow-glow-lg); }

.lions-border-cyan      { border: 1px solid var(--lions-cyan); }
.lions-border-cyan-soft { border: 1px solid var(--lions-cyan-fade); }

/* ═══════════════════════════════════════════════════════════════════════════════
 * TEMA — Dubai Gold é dark-only por design (regra absoluta da skill)
 * ═══════════════════════════════════════════════════════════════════════════════ */

[data-lions-theme="dark"], :root {
  --bg-base:           var(--lions-navy-deep);
  --bg-surface:        var(--lions-navy);
  --bg-elevated:       var(--lions-navy-mid);
  --text-primary:      var(--lions-cream);
  --text-secondary:    var(--lions-gray-300);
  --text-muted:        var(--lions-gray-400);
  --accent-primary:    var(--lions-cyan);
  --accent-secondary:  var(--lions-cyan-glow);
  --border-default:    var(--lions-cyan-fade);
}

/* by lions intelligence · paleta dubai gold · v1.0 · abril 2026 */