/* =============================================================
   Velund Design System — tokens (subset used by the Argus portal)
   Source of truth: claude.ai/design "Velund Design System"
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Quicksand:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Backgrounds */
  --vl-bg-app:       #1A1A1D;
  --vl-bg-card:      #242428;
  --vl-bg-card-2:    #2C2C31;
  --vl-bg-deep:      #16161A;
  --vl-bg-ink:       #242425;
  --vl-ink-logo:     #151704;

  /* Signature lime */
  --vl-lime:         #E0FF1E;
  --vl-lime-deep:    #BCD716;

  /* Neutrals */
  --vl-white:        #ffffff;
  --vl-fg-soft:      #E2E3E5;
  --vl-fg-mute:      #BEBEBE;
  --vl-fg-dim:       #828282;
  --vl-fg-faint:     #4E4E4E;
  --vl-stroke:       rgba(255,255,255,0.06);
  --vl-stroke-2:     rgba(255,255,255,0.12);
  --vl-stroke-3:     rgba(255,255,255,0.18);

  /* Semantic */
  --vl-success:      #09BC7C;
  --vl-danger:       #D76C4A;
  --vl-warn:         #F9D449;
  --vl-info-cyan:    #2CD8DE;

  /* Shadows */
  --vl-shadow-card:     0 4px 4px rgba(0,0,0,0.25);
  --vl-shadow-pop:      0 18px 50px rgba(0,0,0,0.5);

  /* Radii */
  --vl-r-chip:   6px;
  --vl-r-md:     8px;
  --vl-r-lg:     12px;
  --vl-r-xl:     16px;
  --vl-r-pill:   9999px;

  /* Font stacks */
  --vl-ff-display: 'Poppins', system-ui, sans-serif;
  --vl-ff-ui:      'Quicksand', system-ui, sans-serif;
  --vl-ff-data:    'Inter', system-ui, sans-serif;
  /* Monospace retired (George, 2026-09-04): ids/keys/amounts render in the
     data face like everything else. The var stays so old rules degrade. */
  --vl-ff-mono:    'Inter', system-ui, sans-serif;

  /* Motion */
  --vl-ease:       cubic-bezier(.4, 0, .2, 1);
  --vl-dur-1:      150ms;
  --vl-dur-2:      240ms;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 1ms !important;
    transition-duration: 0s !important;
  }
}