/* =========================================================
   ZENIXAI GLOBAL DESIGN TOKENS
========================================================= */

:root {

  /* Colors */
  --znx-navy-950: #070c18;
  --znx-navy-900: #0b1220;
  --znx-navy-800: #101b30;
  --znx-navy-700: #16233c;

  --znx-blue-600: #2f5fff;
  --znx-blue-500: #3d6bff;
  --znx-blue-100: #e5edff;
  --znx-blue-50: #f0f4ff;

  --znx-green-400: #34d399;
  --znx-green-500: #1fae7d;

  --znx-amber-500: #f5a623;

  --znx-slate-950: #0f172a;
  --znx-slate-800: #1e293b;
  --znx-slate-700: #334155;
  --znx-slate-600: #475569;
  --znx-slate-400: #94a3b8;
  --znx-slate-200: #e2e8f0;
  --znx-slate-100: #f1f5f9;
  --znx-slate-50: #f8fafc;

  --znx-white: #ffffff;


  /* Typography */
  --znx-font-title:
    'Roboto',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;

  --znx-font-body:
    'Poppins',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;


  /* Radius */
  --znx-radius-sm: 10px;
  --znx-radius-md: 16px;
  --znx-radius-lg: 24px;


  /* Shadows */
  --znx-shadow-card:
    0 1px 3px rgba(15, 23, 42, 0.06),
    0 12px 28px -18px rgba(15, 23, 42, 0.15);

  --znx-shadow-card-hover:
    0 4px 6px -1px rgba(15, 23, 42, 0.08),
    0 20px 35px -12px rgba(15, 23, 42, 0.22);
}