/* ==============================================
   SKALIO RADAR — Design tokens
   Source : skalio-branding skill v1.0
   ============================================== */

:root {
  /* Gradient signature */
  --skalio-cyan: #00d8ea;
  --skalio-blue: #009efa;
  --skalio-magenta: #de5cfc;
  --skalio-blue-deep: #3663dd;
  --skalio-purple-deep: #6f35d4;

  /* Fonds dark theme */
  --bg-primary: #0b1120;
  --bg-secondary: #0f172a;
  --bg-elevated: #1e293b;

  /* Texte */
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;

  /* Bordures */
  --border: rgba(148, 163, 184, 0.1);
  --border-hover: rgba(148, 163, 184, 0.2);

  /* Gradients */
  --gradient: linear-gradient(135deg, #00d8ea 0%, #009efa 50%, #de5cfc 100%);
  --gradient-subtle: linear-gradient(
    135deg,
    rgba(0, 216, 234, 0.08) 0%,
    rgba(0, 158, 250, 0.08) 50%,
    rgba(222, 92, 252, 0.08) 100%
  );

  /* Trajectoires */
  --traj-continuite: #45d8e9;
  --traj-hybride: #306edd;
  --traj-cloudnative: #009efa;
  --traj-souveraine: #de5cfc;

  /* Spacing */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* Typographie */
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}