/* =========================================================
   colors.css
   SecureLynx Color Foundation
   ========================================================= */

:root {
  --cyan: #00E6FF;
  --blue: #0066FF;
  --navy: #0A0F1C;
  --black: #05070D;
  --green: #39FF14;
  --red: #FF202D;
  --yellow: #FFEA00;

  --white: #F5F7FA;
  --silver: #B8C2CC;
  --slate: #607086;

  --bg-primary: var(--navy);
  --bg-secondary: var(--black);
  --bg-panel: rgba(10, 15, 28, 0.78);
  --bg-panel-strong: rgba(5, 7, 13, 0.88);

  --text-primary: var(--white);
  --text-secondary: rgba(245, 247, 250, 0.74);
  --text-muted: rgba(184, 194, 204, 0.52);

  --border-primary: rgba(0, 230, 255, 0.18);
  --border-secondary: rgba(255, 255, 255, 0.08);
  --border-active: rgba(57, 255, 20, 0.24);

  --glow-cyan-soft: 0 0 14px rgba(0, 230, 255, 0.18);
  --glow-cyan-medium: 0 0 32px rgba(0, 230, 255, 0.28);
  --glow-green-soft: 0 0 14px rgba(57, 255, 20, 0.18);

  --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;

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