/* =========================================================
   colors.css
   VioLev Color Foundation
   Same skeleton as SecureLynx + Wildridge: raw -> semantic -> scales.
   VioLev is the THIRD brand: violet, distinct from SecureLynx cyan
   and Wildridge cream. Violet lives as LIGHT (glow), not as paint.
   ========================================================= */

:root {
  /* --- raw named values --- */
  --violet:        #8B5CFF;   /* brand — luminous blue-violet; reads as light */
  --violet-bright: #A87BFF;   /* lifted peak, for glow highs */
  --violet-deep:   #5B33C9;   /* depth / pressed state */
  --void:          #0B0712;   /* near-black, faint violet undertone — page bg */
  --abyss:         #06040C;   /* deepest — secondary bg */
  --panel:         #120C1F;   /* lifted near-black panel surface */
  --mist:          #F3F0FB;   /* violet-tinted off-white — primary text */
  --haze:          #B9AFD4;   /* muted lilac-grey — secondary / muted text */

  /* SecureLynx brand cyan — carried verbatim so the footer signature's
     "Protected by SecureLynx" half lights in true SecureLynx color. */
  --cyan:          #00E6FF;

  /* --- semantic mappings --- */
  --bg-primary:        var(--void);
  --bg-secondary:      var(--abyss);
  --bg-panel:          rgba(18, 12, 31, 0.78);
  --bg-panel-strong:   rgba(6, 4, 12, 0.90);
  --brand:             var(--violet);

  --text-primary:      var(--mist);
  --text-secondary:    rgba(243, 240, 251, 0.74);
  --text-muted:        rgba(185, 175, 212, 0.55);

  --border-primary:    rgba(139, 92, 255, 0.18);
  --border-secondary:  rgba(255, 255, 255, 0.07);
  --border-active:     rgba(139, 92, 255, 0.34);

  /* --- glows (the violet-as-light core) --- */
  --glow-violet-soft:   0 0 14px rgba(139, 92, 255, 0.20);
  --glow-violet-medium: 0 0 30px rgba(139, 92, 255, 0.32);
  --glow-violet-strong: 0 0 48px rgba(139, 92, 255, 0.45);
  --glow-cyan-soft:     0 0 14px rgba(0, 230, 255, 0.22);

  /* --- type families (LOCKED) — Bricolage Grotesque (display) / Inter (body) / Space Mono (labels) --- */
  --display: "Bricolage Grotesque", system-ui, sans-serif;
  --body:    "Inter", system-ui, Arial, sans-serif;
  --mono:    "Space Mono", ui-monospace, monospace;

  /* --- scales (carried verbatim from SecureLynx + Wildridge) --- */
  --transition-fast:   160ms ease;
  --transition-medium: 320ms ease;
  --transition-slow:   680ms ease;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  --z-bg:      -1;
  --z-base:     1;
  --z-ui:      10;
  --z-overlay: 100;
  --z-nav:    1200;
}