/* ═══════════════════════════════════════════════
   variables.css — Design tokens globales
   Rodax Group Labs
═══════════════════════════════════════════════ */

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

:root {
  /* Backgrounds */
  --bg:         #060d1a;
  --bg-card:    #0c1629;
  --bg-card2:   #101e36;

  /* Borders */
  --border:     rgba(255, 255, 255, 0.07);
  --border-b:   rgba(255, 255, 255, 0.12);

  /* Brand colors */
  --blue:       #2563eb;
  --blue-h:     #3b82f6;
  --cyan:       #38bdf8;

  /* Neutrals */
  --white:      #ffffff;
  --text-pri:   #e8edf5;
  --text-sec:   #7a90b4;
  --text-muted: #4a607f;

  /* Accent */
  --gold:       #f59e0b;
  --green:      #22c55e;

  /* Radii */
  --radius:     14px;
  --radius-sm:  8px;

  /* Typography */
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* Transitions */
  --tr: .2s ease;
  --tr-slow: .65s ease;
}