:root {
  --cyrtix-blue: #0A1A3F;
  --electric-cyan: #00E0FF;
  --silver-slate: #C7D0D9;
  --cyrtix-crimson: #D20D6F;

  --carbon-black: #0B0F19;
  --steel-gray: #1F2937;
  --soft-white: #F9FAFB;

  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 6px;

  /* =========================
     Fonts
  ========================= */
  --cx-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cx-font-mono: "JetBrains Mono", ui-monospace, Menlo, Monaco, monospace;

  /* =========================
     Font Sizes
  ========================= */
  --cx-text-xs: 0.75rem;
  --cx-text-sm: 0.875rem;
  --cx-text-base: 1rem;
  --cx-text-lg: 1.125rem;
  --cx-text-xl: 1.25rem;
  --cx-text-2xl: 1.5rem;
  --cx-text-3xl: 1.875rem;
  --cx-text-4xl: 2.25rem;

  /* =========================
     Line Heights
  ========================= */
  --cx-leading-tight: 1.2;
  --cx-leading-normal: 1.5;
  --cx-leading-relaxed: 1.7;

  /* =========================
     Brand Colors
  ========================= */
  --cx-blue-900: #0A1A3F;
  --cx-cyan-500: #00E0FF;
  --cx-crimson-500: #D20D6F;

  --cx-slate-50: #F4F6F8;
  --cx-slate-300: #C7D0D9;
  --cx-slate-500: #6B7482;
  --cx-steel-900: #0B0F19;

  /* =========================
     Semantic
  ========================= */
  --cx-success: #10B981;
  --cx-warning: #F59E0B;
  --cx-danger:  #EF4444;

  /* =========================
     Spacing
  ========================= */
  --cx-space-2: 0.5rem;
  --cx-space-4: 1rem;
  --cx-space-6: 1.5rem;
  --cx-space-8: 2rem;
  --cx-space-12: 3rem;

  /* =========================
     Radius
  ========================= */
  --cx-radius-sm: 6px;
  --cx-radius-md: 10px;
  --cx-radius-lg: 14px;

  /* =========================
     Shadows
  ========================= */
  --cx-shadow-sm: 0 2px 8px rgba(0,0,0,0.15);
  --cx-shadow-md: 0 6px 20px rgba(0,0,0,0.25);

  /* =========================
     Motion
  ========================= */
  --cx-duration-fast: 120ms;
  --cx-duration-base: 180ms;
  --cx-ease-standard: cubic-bezier(0.4, 0.1, 0.2, 1);
}


